删除浏览器特定样式

Question

浏览器以向上和向下按钮的形式向input[type=number] 添加了额外的功能/样式。

我能够在 Chrome 中移除这种样式，因为我们能够查看影子 DOM 并找出元素的对应身份。

但是，Firefox 是另一回事。有人知道在 Firefox 中删除 input[type=number] 上的向上和向下按钮的任何方法吗？

我遇到了this post，但扩展名不够用。

Answer 1

/* For Firefox */
input[type='number'] {
-moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}