CSS - accent-color

概要

属性名 accent-color
値 auto | <color>
初期値auto
適用可能要素すべての要素
継承継承する
サポートhttps://caniuse.com/?search=accent-color

説明

チェックボックス、ラジオボタン、レンジ、プログレスバーなどの色を指定します。

値説明
<color>テキストの色を指定します。
autoブラウザにまかせます。

使用例

CSS
.test {
  accent-color: red;
}
HTML
<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>
表示
Check#1
Radio#1

リンク

Copyright (C) 2022 杜甫々
初版：2022年7月31日、最終更新：2022年7月31日
https://www.tohoho-web.com/css/prop/accent-color.htm