移除HTML5 input在type="number"时的上下小箭头
2015-05-20 16:27
751 查看
在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
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"时的上下小箭头
- 移除HTML5 input在type="number"时的上下小箭头
- 移除HTML5 input在type="number"时的上下小箭头
- 移除HTML5 input在type="number"时的上下小箭头
- 移除HTML5 input在type="number"时的上下小箭头
- 移除HTML5 input在type="number"时的上下小箭头
- 移除HTML5 input在type="number"时的上下小箭头
- 【转】移除HTML5 input在type="number"时的上下小箭头
- 【转】移除HTML5 input在type="number"时的上下小箭头
- 移除HTML5 input在type="number"时的上下小箭头
- 移动web端<input type="number">手机上点击直接打开数字键盘，并修改样式去除最右端上下箭头
- 移除input在type="number"时的上下箭头和禁用鼠标滚轮事件
- 移除input在type="number"时的上下箭头
- 移除input type="number"的上下箭头
- 移除除input type="number"在不同浏览器下的箭头
- input在type="number"时去右边上下箭头
- 去除input type="number" 浏览器自带上下箭头
- 关于Html5中<input type="number" name="points" min="1" max="10" />只能输入整数的问题
- 去除<input type="number" /> 上下箭头
- html5 input type="range"实现拖拉滑条功能