accent-color

Браузеры, которые поддерживают `accent-color`, в настоящее время применяют его к следующим HTML элементам: - [``](/en-US/docs/Web/HTML/Element/input/checkbox) - [``](/ru/docs/Web/HTML/Element/input/radio) - [``](/ru/docs/Web/HTML/Element/input/range) - [``](/ru/docs/Web/HTML/Element/progress) ## Синтаксис ```css /* Специальные значения */ accent-color: auto; /* значения */ accent-color: red; accent-color: #5729e9; accent-color: rgb(0, 200, 0); accent-color: hsl(228, 4%, 24%); /* Общие значения */ accent-color: inherit; accent-color: initial; accent-color: revert; accent-color: revert-layer; accent-color: unset; ``` ### Значения - `auto` - : Браузер сам определяет цвет в зависимости от платформы. - <color> - : Задает цвет, который будет использован в качестве акцентного. ## Формальное определение

Начальное значение	auto
Применяется к	все элементы
Наследуется	да
Обработка значения	auto is computed as specified and <color> values are computed as defined for the color (en-US) property.
Animation type	by computed value type

## Формальный синтаксис

accent-color = 
  auto     | (en-US)
  <color>  

## Примеры ### Установка пользовательского акцентного цвета #### HTML ```html ``` #### CSS ```css input { accent-color: auto; display: block; width: 30px; height: 30px; } input.custom { accent-color: rebeccapurple; } ``` #### Результат ## Спецификации

If you're able to see this, something went wrong on this page.

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

If you're able to see this, something went wrong on this page.

## Смотрите также - <input> элемент - [Применение цвета к HTML-элементам с помощью CSS](/ru/docs/Web/CSS/CSS_Colors/Applying_color) - <color> - Другие свойства, связанные с цветом: color (en-US), background-color, border-color (en-US), outline-color (en-US), text-decoration-color (en-US), text-emphasis-color (en-US), text-shadow, caret-color (en-US) и column-rule-color