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

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

http://my.oschina.net/qii/blog/341439

在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

 

//浮动清除
.cf:before,
.cf:after{
content: "";
display: table;
}
.cf:after{
clear: both;
}

posted on 2015-08-11 15:21 freeethy 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/ethy/p/4721119.html