Comment masquer la zone de saisie numérique HTML5 ?

Masquage de la boîte de saisie numérique HTML5

Question :

Peut-on supprimer systématiquement l'apparence de la boîte de sélection rendue par certains navigateurs (comme Chrome) pour les entrées HTML de type « numéro » ? Comment empêcher les flèches haut/bas d'être visibles en utilisant CSS ou JavaScript ?

Exemple :

<input>

Solution :

Pour masquer efficacement la zone de sélection numérique dans les navigateurs WebKit (testé dans Chrome 7.0.517.44 et Safari 5.0.2), appliquez le CSS suivant :

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!