::-webkit-inner-spin-button
Non standard: Cette fonctionnalité n'est pas standardisée. Nous déconseillons d'utiliser des fonctionnalités non standard en production, car leur prise en charge par les navigateurs est limitée, et elles peuvent être modifiées ou supprimées. Toutefois, elles peuvent constituer une alternative appropriée dans certains cas où aucune option standard n'existe.
Le pseudo-élément CSS ::-webkit-inner-spin-button
est une extension de WebKit qui permet de mettre en forme la partie intérieure de la roulette qui permet de choisir la valeur d'un élément <input type="number">.
Syntaxe
::-webkit-inner-spin-button {
/* ... */
}
Exemples
Ces exemples fonctionnent uniquement pour les navigateurs basés sur WebKit et Blink.
Changer le curseur dans les contrôles de spin
Dans cet exemple, la propriété CSS cursor
est changée en pointer
chaque fois que le curseur est positionné sur la partie intérieure des contrôles de défilement de l'input.
HTML
<input type="number" />
CSS
input[type="number"]::-webkit-inner-spin-button {
cursor: pointer;
}
Résultat
Spécifications
Ce pseudo-élément ne fait partie d'aucun standard.
Compatibilité des navigateurs
Loading…