Chrome - 如何在输入文本框中禁用自动增量字段

Question

我有一个简单的输入框：

 <input type="number" class="reference_input" value="1234567" pattern="\d*" 
       onkeypress="unicode = event.charCode ? event.charCode : event.keyCode;           
       if(unicode < 48 || unicode > 57){return false;}" />

默认情况下，Android手机需要type="number"来打开数字键盘。

奇怪的是，当我在Chrome中打开此页面时，我看到一个带有顶部和底部箭头的自动增量字段。

有没有办法删除这个字段（自动增量器）？

编辑：

我刚刚发现了类似的问题： Chrome auto formats input=number

Answer 1

使用此CSS：

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}