去除input[type=number]最右边的spinners(默认加减符号)

Posted

tags:

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

// 去掉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]有时会出现默认的加减spinners,这时就需要清除默认样式

 

以上是关于去除input[type=number]最右边的spinners(默认加减符号)的主要内容,如果未能解决你的问题,请参考以下文章

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

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

浏览器的私有属性

输入框number能去掉加减的功能么

element-ui Form表单校验小结及踩坑

input type['number']输入框的一些问题