Atrybut accent-color CSS

Definicja i użycie

accent-color Atrybut określa podkreślenie elementów interfejsu użytkownika, na przykład:

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

Przykład

Ustawienie podkreślenia dla różnych elementów interfejsu użytkownika:

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%);
}

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
auto Domyślna wartość. Przeglądarka wybiera kolor podkreślenia.
color

Określa kolor używany jako podkreślenie.

Można używać wszystkich legalnych wartości kolorów (rgb, szesnastkowe, nazwane kolory itp.).

Dla więcej informacji na temat legalnych wartości zobacz naszą lekcję kolorów CSS.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial。
inherit Inherituje tę właściwość od elementu nadrzędnego. Zobacz: inherit。

Szczegóły techniczne

Domyślna wartość: auto
Inheritsyjność: Tak
Tworzenie animacji: Obsługiwane. Zobacz:Atrybuty animacji。
Wersja: CSS4
Gramatyka JavaScript: object.style.accentColor="red"

Obsługa przeglądarek

Liczby w tabeli wskazują na wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
93.0 93.0 92.0 15.4 79.0