控制input为number时样式

Posted 艳阳天

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了控制input为number时样式相关的知识,希望对你有一定的参考价值。

当input的type为number时会显示数字加减的上下箭头,这里把其去掉:

input[type="number"]{ -moz-appearance: textfield; -webkit-appearance: none !important; } input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

  

 

以上是关于控制input为number时样式的主要内容,如果未能解决你的问题,请参考以下文章

去除input[type=number]的默认样式

input type=number 消除上下按钮的样式

使用input range滑块,控制元素transform rotate旋转样式

input中 type=number 的文本框(数字框) 去掉箭头 且不能输入e和标点符号

number类型的input样式修改及绑定左右按钮

去掉 input type="number" 在浏览器中遗留的图标样式