改变number类型input框的默认样式
2015-10-15 18:08
537 查看
当你遇到input元素中，type设置为数字格式number时;心中也许会有疑惑：
input的type="number"在部分手机端会出现一个小按钮要如何解决?
怎么移除HTML5 input在type="number"时的上下小箭头？
如何移除 input type="number" 时浏览器自带的上下箭头？
以上疑惑怎么解决；很简单，只要css控制即可。
css代码：
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
示例截图：
以上已经OK了！
参考地址： http://segmentfault.com/q/1010000000687882 http://www.zhihu.com/question/26476738 http://my.oschina.net/qii/blog/341439
input的type="number"在部分手机端会出现一个小按钮要如何解决?
怎么移除HTML5 input在type="number"时的上下小箭头？
如何移除 input type="number" 时浏览器自带的上下箭头？
以上疑惑怎么解决；很简单，只要css控制即可。
css代码：
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
示例截图：
以上已经OK了！
参考地址： http://segmentfault.com/q/1010000000687882 http://www.zhihu.com/question/26476738 http://my.oschina.net/qii/blog/341439
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 