首页 > 其他 > 详细

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

时间:2017-01-17 07:42:39      阅读:226      评论:0      收藏:0      [点我收藏+]

网页在有些情况下,会需要input的输入的为单纯数字的文本框,此时type=number,但使用type=number时,输入框后面会有一个上下箭头,那么如何去掉上下箭头呢?

1、chrome浏览器移除

  

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
        -webkit-appearance:none!important;    
        margin:0;
}

2、firefox浏览器下移除

  

input[type="number"]{
        -moz-appearance:textfield;
}

 

  

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

原文:http://www.cnblogs.com/intangible/p/6291493.html

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