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

鄙人在给以为朋友做商城前段时偶然件发现一个问题.表单中的type="number"有个上下的箭头,感觉非常的不爽,尝试了多种办法,终于找到合适办法解决这个问题了..嘿嘿^.^ !

在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",同样是数字键盘,但是没有箭头。

版权所有:《太阳花工作室》 => 《移除HTML5 input在type="number"时的上下小箭头
本文地址:http://bg.artuion.com/代码/357.html
除非注明,文章均为 《太阳花工作室》 原创,欢迎转载!转载请注明本文地址,谢谢。