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

Posted cengjingdeshuige

tags:

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

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

 

以上是关于去除input[type=number]的默认样式的主要内容,如果未能解决你的问题,请参考以下文章

在Chrome与火狐中,输入框input类型为number时,如何去除掉的自带的上下默认箭头

iPhone去除input默认样式

input type = number 去除上下箭头,禁用滚轮事件(默认的自带滚轮加减数字)

关于去除input type='file'改变组件的默认样式换成自己需要的样式的解决方案

去掉iPhoneiPad的默认按钮样式 去掉高光样式:

input输入框限定为数字