currentcolor
#CSS
Baseline Widely available
ただし、
Relative Color Syntax
での使用は
Interop 2024
MDN Web Docs
:
<color>
CanIUse
:
CSS currentColor value
Relative Color Syntax
での使用は
CSS Relative color syntax
を参照
その要素の
color
プロパティの値をそのまま指定する
綾坂こと.icon
背景を文字と同じ色で塗りつぶすみたいなことが簡単にできるな
code:example1.css
.fill-same-color {
background-color: currentcolor;
}
hoverでやめればネタバレ防止に使えそう
code:example1.css
.fill-same-color:hover {
background-color: inherit;
}
曇りガラス記法
の代替として
UserCSS
で採用しました
綾坂こと#66e8f01573e5220000915d32