我正在尝试删除原生带有数字输入字段的箭头/旋转器。据我所知，按照此处的文章，通过设置-webkit-appearance和 可以轻松完成此操作-moz-appearance。话虽如此，这是我当前使用名为 的 CSS 类的实现.no-spin。
.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
.no-spin {
-moz-appearance: textfield !important;
}<div>
<label>Number Input Field w/o spinner</label>
<input class="no-spin" type="number">
</div>
<div>
<label>Number Input Field w/ spinner</label>
<input type="number">
</div>然而，由于我使用的是 Tailwind，所以我正在寻找一种可能的解决方案，我不必像项目的其他组件一样诉诸 CSS 类。我已经尝试使用Tailwind 文档appearance-none建议的类，但它对我不起作用。