首页 > Web开发 > 详细

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

时间:2017-02-24 11:53:23      阅读:161      评论:0      收藏:0      [点我收藏+]

在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

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

原文:http://www.cnblogs.com/karila/p/6437818.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!