Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

::-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

css
::-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

html
<input type="number" />

CSS

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

Voir aussi