accent-color

[CSS](/ru/docs/Web/CSS)-свойство **`accent-color`** устанавливает акцентный (en-US) цвет для некоторых элементов управления пользовательским интерфейсом.

Интерактивный пример

Браузеры, которые поддерживают `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 typeby 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