Браузеры, которые поддерживают `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>
- : Задает цвет, который будет использован в качестве акцентного.
## Формальное определение
## Формальный синтаксис
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