Свойство accent-color CSS

Определение и использование

accent-color Атрибут используется для определения цвета выделения элементов пользовательского интерфейса, например:

<input type="checkbox">
<input type="radio">
<input type="range">
<progress>

Пример

Установить цвет выделения для различных элементов пользовательского интерфейса:

input[type=checkbox] {
  accent-color: red;
}
input[type=radio] {
  accent-color: green;
}
input[type=range] {
  accent-color: rgb(0, 0, 255);
}
progress {
  accent-color: hsl(39, 100%, 50%);
}

Попробуйте сами

Синтаксис CSS

accent-color: auto|color|initial|inherit;

Значение атрибута

Значение Описание
auto Значение по умолчанию. Браузер выбирает цвет выделения.
color

Указать цвет, используемый в качестве цвета выделения.

Можно использовать все合法ные значения цветов (rgb, шестнадцатеричные числа, именованные цвета и т.д.).

Для получения дополнительной информации о合法ных значениях см. наше руководство по цветам CSS.
initial Установить этот атрибут в его значение по умолчанию. См.: initial.
inherit Инherit this property from its parent element. См.: inherit.

Технические детали

Значение по умолчанию: auto
Инheritability: Да
Создание анимации: Поддерживается. См.:Свойства анимации.
Версия: CSS4
Синтаксис JavaScript: object.style.accentColor="red"

Поддержка браузеров

Числа в таблице показывают версию браузера, которая полностью поддерживает этот атрибут.

Chrome Edge Firefox Safari Opera
93.0 93.0 92.0 15.4 79.0