Hoe - Pijlen verbergen voor invoernummer
Leer hoe u met CSS pijlen/spinners uit invoertypenummer verwijdert.
Probeer de muisaanwijzer over beide nummerinvoer te bewegen om het verschil te zien:
Verborgen pijlen:
Standaard:
Opmerkingen over functionaliteit: Het is nog steeds mogelijk om het nummer te verhogen wanneer u binnen de nummerinvoer bladert.
Pijlen/Spinners verwijderen
Voorbeeld
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
Tip: Ga naar onze HTML-formulierhandleiding voor meer informatie over HTML-formulieren.
Tip: ga naar onze HTML-invoertype="nummer"-referentie voor meer informatie over invoer met type="nummer".