Pfeile im Input type = "number" ausblenden

19 Sep. 2019HTML

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).

Noch keine Stimmen abgegeben
Noch keine Kommentare
  • 20 Sep. 2019
    <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/

    Noch keine Stimmen abgegeben
    Noch keine Kommentare