移除HTML5 input在type="number"时的上下小

作者: lMadman | 来源:发表于2016-09-01 09:45 被阅读0次

在chrome下：

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}```
Firefox下：

input[type="number"]{
-moz-appearance:textfield;
}

第二种方案：
将type="number"改为type="tel"，同样是数字键盘，但是没有箭头。
原文链接：http://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box

移除HTML5 input在type="number"时的上下小
在chrome下： input[type="number"]{-moz-appearance:textfield;}
去掉element中input type=number尾部上下小
引用element中的input type=number组件去掉input type=number尾部上下小箭头...
移除input在type="number"时的上下箭头
1、chrome浏览器移除使用none替代textfield，也可以实现去除箭头的效果 2、firefox浏览器...
input 输入框type=number 时，上下箭头隐藏
input 输入框type=number 时，上下箭头隐藏 input::-webkit-outer-sp...
模拟购物车数量
在线调试结构样式逻辑如果要使用type为number的话，有下面的小坑。移除input中type为numb...
移除 input中type=number 自带的上下小箭头
手机网站H5开发必备
一、Html5 手机网站 input 设置为type=number 的问题 h5网页input 的type设置...
input type=number的输入框里面的上下箭头去掉
input type=number每次输入数字时，多出来的上下黑箭头不想用，但是又想使用number输入控制样式...
input number去掉上下箭头
input type=number 后面的上下箭头，如何去掉？解决方法 ↓
去掉element中input type=number尾部上下小
去掉上下滚动鼠标，input type=number框里值变动的效果