input type=number去掉上下箭头

Posted ymaster

tags:

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

<input type="number" ...>

<style>
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    input[type="number"]{
        -moz-appearance: textfield;
    }
</style>

  如上即可实现在 input[type="number1"] 情况下取消那两个不好看的箭头了

以上是关于input type=number去掉上下箭头的主要内容,如果未能解决你的问题,请参考以下文章

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

TERSUS笔记员工信息515-Tersus中input number去掉上下箭头

解决input number类型上下滚动 禁用滚轮事件

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

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

控制input为number时样式