飞龙博客

feilong.org 前端开发教程

飞龙前端测试:css或html5怎样移除input type=”number”的上下小箭头

飞龙修订于 20080318 12:39 6 次浏览

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

方法1:
将type="number"改为type="tel"
同样只能输入数字,弹出数字键盘,但是不出现上下箭头,很好。

方法2:
.spin0{-moz-appearance:textfield;}.spin0::-webkit-outer-spin-button,.spin0::-webkit-inner-spin-button{-webkit-appearance:none}
针对input type="number" 添加 spin0 的样式名即可。

网址:https://feilong.org/css-html5-input-type-number-arrows
初发:20080318 12:39

想学前端?长按二维码加我微信

想学前端?点击飞龙QQ

分类: 前端开发

新作:

关闭

长按二维码 -> 识别图中二维码

打开微信,发现,扫一扫

支付完成后,点击下一步

感谢大力支持

然后你手机号:

最后点这,稍等即可