清除number输入框的上下箭头

<input type="number"/>

在chrome,firefox,safari浏览器上输入框右侧会有上下箭头

方法1:

<input type="number"/>改为<input type="tel"/>

方法2:

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;    
    margin: 0;
}

转载于:https://www.cnblogs.com/yanze/p/5974683.html