CSSの新しいプロパティ「accent-color」
こちらの記事を参考:
チェックボックスでaccent-colorプロパティを使用
accent-colorプロパティをサポートしているブラウザでは、下記のように表示されます。
Chromium 93での表示
ちなみに、サポートされていない場合は下記のように表示されます。
Chrome 92での表示
ラジオボタンでaccent-colorプロパティを使用
Chromium 93での表示
レンジスライダーでaccent-colorプロパティを使用
Chromium 93での表示
プログレスバーでaccent-colorプロパティを使用
Chromium 93での表示
こったUIの画面とか作る機会はあまりないしそもそもCSSフレームワーク使うことが多いけど、こういった素の使い方は知ってて損はないよねー