作者:手机用户2602928177 | 来源:互联网 | 2023-09-23 16:28
需求:原生input标签当type为number时,鼠标聚焦input框会在右侧会出现上下箭头调整数字的按钮,此时ui设计图要求去掉这个上下箭头解决方案在样式内写上如下代码:谷歌i
需求:
原生input标签当type为number时,鼠标聚焦input框会在右侧会出现上下箭头调整数字的按钮,此时ui设计图要求去掉这个上下箭头
解决方案
在样式内写上如下代码:
//谷歌
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
//火狐
input[type="number"]{
-moz-appearance: textfield;
}