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

80 阅读 0 评论 53 点赞

我是靠谱客的博主酷炫绿茶，最近开发中收集的这篇文章主要介绍移除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

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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