css - 選択したテキストの不透明度を変更するには?

Question

Web ページにほとんど見えないテキストがあり、opacity: 0.1; 選択すると表示されるようにしたいです。

ただし、選択もほとんど見えません。残念ながら、::selection不透明度は変わりません。

Answer 1

opacityでプロパティを使用することはできません::selection。許可されたプロパティの 1 つではありませんでした。実装されたとしても、要素自体の不透明度を変更していないため意味がありません。

要素全体rgba()ではなく、テキストと背景に色を使用できます。opacityこれは理想的な回避策ではありませんが、少なくとも色については機能します。

body {
    color: rgba(0, 0, 0, 0.1);
}

::selection {
    color: rgba(0, 0, 0, 1);
}

jsFiddle プレビュー

Answer 2

不透明度を使用する代わりに、次のようにrgbaカラーにアルファを設定するだけです...

::selection {
    background: rgba(255, 255, 0, 0.5)
}