有没有办法删除textboxfor的input type="number"中的增加/减少箭头？

Question

有什么方法可以删除输入中的这些（type =“number”）？

<input type="number" />

供用户输入电话号码。

这个

Answer 1

如果您愿意，这可以通过 CSS 来完成，

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

<input type="number" />

希望这有帮助！

Answer 2

这些对于我的代码来说已经足够了。

.input[type=number] {  
   &::-webkit-inner-spin-button{ display: none; }
   -moz-appearance:textfield;
}

Answer 3

这对我有用：

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

谢谢:)

Answer 4

如果您已经使用 @onkeydown 作为输入，只需将 @onkeydown:preventDefault 添加到此输入或父 HTML 元素中。