CSS accent-color 속성

정의와 사용법

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

강조 색상으로 사용되는 색상을 지정합니다。

모든 유효한 색상 값(rgbs, 16진수, 명명 색상 등)을 사용할 수 있습니다。

유효 값에 대한 더 많은 정보는 우리의 CSS 색상 튜토리얼을 참고하세요。
initial 이 속성을 기본 값으로 설정합니다. 참고: initial。
inherit 이 속성을 부모 요소에서 상속합니다. 참고: inherit。

기술 세부 사항

기본 값: auto
상속성: 는
애니메이션 제작: 지원. 참고:애니메이션 관련 속성。
버전: CSS4
JavaScript 문법: object.style.accentColor="red"

브라우저 지원

표에서의 숫자는 이 속성을 최초로 완전히 지원한 브라우저 버전을 나타냅니다。

크롬 에지 파이어폭스 사파리 오페라
93.0 93.0 92.0 15.4 79.0