::-webkit-inner-spin-button

Kein Standard: Diese Funktion ist nicht standardisiert und befindet sich nicht im Standardisierungsprozess. Verwenden Sie sie nicht auf Produktionsseiten, die auf das Web ausgerichtet sind: Sie wird nicht für alle Benutzer funktionieren. Außerdem kann es 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