100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 【Antdv】input type=number去掉上下箭头 提示文字 鼠标滚轮

【Antdv】input type=number去掉上下箭头 提示文字 鼠标滚轮

时间:2022-01-11 13:41:30

相关推荐

【Antdv】input type=number去掉上下箭头 提示文字 鼠标滚轮

数字输入框在项目中十分常用,但是有一些属性影响使用体验。解决方案如下:

1、整数文字提示

解决方法,将title=""

title=""

2、鼠标滚轮会修改数值,容易误操作

@mousewheel.native.prevent @DOMMouseScroll.native.prevent

3、右侧出现上线箭头

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}input[type='number'] {-moz-appearance: textfield;}

4、InputNumber 去掉上下箭头

form .ant-input-number-handler-wrap {display: none;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。