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去掉上下箭头的主要内容，如果未能解决你的问题，请参考以下文章