Pfeile im Input type = "number" ausblenden

2019 Sep 19 (22:35)

HTML

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 2019 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/

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.