`::-webkit-inner-spin-button` CSS-псевдоэлемент

Нестандартный: Эта функция является нестандартной и не входит в стандарты. Не используйте её на сайтах, доступных в Интернете: она будет работать не у всех пользователей. Кроме того, между реализациями могут быть значительные различия, а поведение функции может измениться в будущем.

Псевдоэлемент ::-webkit-inner-spin-button CSS используется для стилизации внутренней части кнопки-спиннера элементов ввода с выбором числа.

Синтаксис

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

Примеры

Эти примеры работают только в браузерах на основе WebKit и Blink.

Изменение курсора в элементах управления спиннером

В этом примере значение CSS-свойства cursor меняется на pointer, когда курсор находится над внутренней частью элементов управления спиннером поля ввода.

HTML

<input type="number" />

CSS

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

Результат

Спецификации

Не входит ни в один стандарт.

Совместимость с браузерами

	Компьютер					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari для iOS	Samsung Internet	WebView для Android	WebView для iOS
`-webkit-inner-spin-button`	6	79	Нет	15	5	18	Нет	14	4.2	1.0	4.4	4.2

См. также

::-webkit-textfield-decoration-container

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::-webkit-inner-spin-button