Pfeile im Input type = "number" ausblenden

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

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.