当你遇到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