`::-webkit-inner-spin-button` CSS pseudo-element

The ::-webkit-inner-spin-button CSS pseudo-element is used to style the inner part of the spinner button of number picker input elements.

Syntax

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

Examples

These examples work only in browsers based on WebKit and Blink.

Changing the cursor in the spin controls

In this example, the CSS cursor is changed to pointer whenever the cursor is positioned over the inner part of the input’s spin controls.

HTML

<input type="number" />

CSS

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

Result

Specifications

Not part of any standard.

Browser compatibility

See also

• ::-webkit-textfield-decoration-container