Pfeile im Input type = "number" ausblenden

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 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. Unsere Datenschutzbestimmungen können Sie hier nachlesen