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"] 情况下取消那两个不好看的箭头了

猜你喜欢

转载自www.cnblogs.com/YMaster/p/9497448.html