CSS свойство accent-color
Пример
Установите цвет акцента для различных элементов управления пользовательского интерфейса:
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%);
}
Попробуйте сами »
Определение и использование
Свойство accent-color указывает цвет акцента для элементов управления пользовательского интерфейса, например: <input type="checkbox">, <input type="radio">, <input type="range"> и <progress>.
| Значение по умолчанию: | auto |
|---|---|
| Унаследовано: | да |
| Анимируемый: | нет Читать об анимации |
| Версия: | CSS4 |
| JavaScript синтаксис: | object.style.accentColor="red" Попробуйте |
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| accent-color | 93.0 | 93.0 | 92.0 | 15.4 | 79.0 |
CSS Синтаксис
accent-color: auto|color|initial|inherit;
Значения свойств
| Значение | Описание | Демо |
|---|---|---|
| auto | Значение по умолчанию. Браузер выбирает акцент цвета | Демо ❯ |
| color | Определяет цвет, который будет использоваться в качестве акцента цвета. Можно использовать все допустимые значения цвета (rgb, hex, named-color и т.д.). Для получения дополнительной информации о допустимых значениях прочитайте наш Учебник по цветам CSS | .Демо ❯ |
| initial | Устанавливает для этого свойства значение по умолчанию. Читать об initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читать об inherit |