::-webkit-inner-spin-button

Nicht standardisiert: Diese Funktion ist nicht standardisiert und befindet sich nicht auf dem Weg zur Standardisierung. Verwenden Sie sie nicht auf Produktionsseiten, die dem Web ausgesetzt sind: Sie funktioniert nicht für alle Benutzer. Es kann auch große Inkompatibilitäten zwischen Implementierungen geben, und das Verhalten kann sich in Zukunft ändern.

Das ::-webkit-inner-spin-button CSS-Pseudoelement wird verwendet, um den inneren Teil des Drehknopf-Buttons von Zahlen-Eingabeelementen zu stylen.

Syntax

css
::-webkit-inner-spin-button {
  /* ... */
}

Beispiele

Diese Beispiele funktionieren nur in Browsern, die auf WebKit und Blink basieren.

Ändern des Cursors in den Drehsteuerungen

In diesem Beispiel wird mit CSS der cursor auf pointer geändert, wenn sich der Mauszeiger über dem inneren Teil der Drehsteuerungen des Eingabefelds befindet.

HTML

html
<input type="number" />

CSS

css
input[type="number"]::-webkit-inner-spin-button {
  cursor: pointer;
}

Ergebnis

Spezifikationen

Nicht Teil eines Standards.

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch