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

171 阅读 0 评论 113 点赞

我是靠谱客的博主酷炫绿茶，这篇文章主要介绍移除HTML5 input在type="number"时的上下小箭头，现在分享给大家，希望可以做个参考。

为什么80%的码农都做不了架构师？>>>

在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

转载于:https://my.oschina.net/qii/blog/341439

以上就是酷炫绿茶最近收集整理的关于移除HTML5 input在type="number"时的上下小箭头的全部内容，更多相关移除HTML5内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。