Hoe je de pijlen in het getal invoerveld kunt verbergen

Leer hoe je de pijlen van het getal invoerveld kunt verwijderen met CSS.

Probeer de muis over de twee getal invoervelden te houden om het verschil te zien:

Verborgen pijlen:

Standaard:

Functiebeschrijving:Wanneer je met de muiswiel scrolt in het getal invoerveld, kun je de nummers nog steeds verhogen.

Verberg pijlen

/* Chrome, Safari, Edge, Opera */
input::-webkit-uitwendig wieltje,
input::-webkit-binnenwieltje {
  -webkit-uitvoering: niet ingeschakeld;
  marge: 0;
}
/* Firefox */
input[type=number] {
  -moz-uitvoering: tekstveld;
}

Probeer het zelf

Gerelateerde pagina's

Handleiding:HTML form

Reference manual:HTML <input type="number">