以下CSS代码将删除 all 输入上的箭头：

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

这可以修改为：

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

它只会修改类为money的元素中包含的输入，以防您希望使用其他数字输入 * 和 * 递增/递减箭头。

下面的CSS将适用于大多数浏览器。下面的方法将允许您将其用作仅允许数字的文本框。此外，此方法允许您仅复制粘贴数字（当您粘贴时，它会删除字母并保留数字）在框中，而无需任何额外的编码行。
您只需将类名number-to-text应用于输入框。

<input type="number" value="5" class="number-to-text">

添加以下CSS

input.number-to-text::-webkit-outer-spin-button,
input.number-to-text::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number].number-to-text {
    -moz-appearance: textfield;
}

下面的jquery代码将禁用数字输入旋转按钮行为（通过按上下箭头键禁用递增/递减数字）。

$('input.number-to-text').keydown(function(event) {
    if ([38, 40].indexOf(event.keyCode) > -1) {
        event.preventDefault();
    }
});