Browser spezifischen Stil entfernen

Question

Browser haben zusätzliche Funktionalität/Styling input[type=number] in Form von oben und unten Schaltflächen hinzugefügt.

Ich konnte dieses Styling in Chrome entfernen, da wir das Schatten-DOM sehen und die entsprechende Identität eines Elements herausfinden können.

Allerdings ist Firefox eine andere Geschichte. Kennt jemand eine Möglichkeit, die Schaltflächen "Nach oben" und "Nach unten" unter input[type=number] in Firefox zu entfernen?

Ich stieß auf this post, aber die Erweiterung war nicht ausreichend.

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