ブラウザ固有のスタイルを削除する

Question

ブラウザは、input[type=number]に追加機能/スタイリングを追加しました。

私たちはシャドウDOMを見て、要素の対応するアイデンティティーを把握できるので、このスタイルをChromeで削除することができました。

しかし、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; 
}