| 属性名 | accent-color |
|---|---|
| 値 | auto | <color> |
| 初期値 | auto |
| 適用可能要素 | すべての要素 |
| 継承 | 継承する |
| サポート | https://caniuse.com/?search=accent-color |
チェックボックス、ラジオボタン、レンジ、プログレスバーなどの色を指定します。
| 値 | 説明 |
|---|---|
| <color> | テキストの色を指定します。 |
| auto | ブラウザにまかせます。 |
.test {
accent-color: red;
}
<div><input type="checkbox" class="test" checked>Check#1</div> <div><input type="radio" class="test" checked>Radio#1</div> <div><input type="range" class="test" value="30"></div> <div><progress class="test" max="100" value="30"></progress></div>