Pfeile im Input type = "number" ausblenden

Sep 19 (22:35)

Wie kann ich in einem Input Element type = "number" die Pfeile ausblenden?

Mit dem Selektor -webkit-inner-spin-button/-webkit-outer-spin-button und

-webkit-appearance: none

funktioniert es nur in Chrome (bzw. mit webkit Engine).

Alle Kommentare
TheSupervisor Sep 20 (23:32)
<input type="number" class="input-number">

Mit -moz-appearance: textfield sollte das auch in Firefox funktionieren (SCSS):

.input-number {
    -moz-appearance: textfield;
    -webkit-inner-spin-button, 
    -webkit-outer-spin-button { 
      -webkit-appearance: none;
      margin: 0; 
    }
}

https://jsfiddle.net/5abqL9wv/

0 0 0
Noch keine Stimmen abgegeben
Durch die Nutzung dieser Website erklären Sie sich mit der Verwendung von Cookies einverstanden. Außerdem werden teilweise auch Cookies von Diensten Dritter gesetzt. Genauere Informationen finden Sie in unserer Datenschutzerklärung sowie im Impressum.