html - 删除浏览器特定样式

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;
}