css - 如何更改所选文本的不透明度？

Question

我在网页上有几乎不可见的文本，opacity: 0.1; 我希望它在被选中时变得可见。

但是，选择也几乎是不可见的。不幸的是，::selection不会改变不透明度。

Answer 1

您将无法使用该opacity属性::selection。它从来都不是允许的属性之一，即使它被实现，它也没有任何意义，因为无论如何你都没有修改元素本身的不透明度。

您可以将rgba()颜色与文本和背景一起使用，而不是opacity在整个元素上使用。这不是理想的解决方法，但它至少适用于颜色：

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

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

jsFiddle 预览

Answer 2

而不是使用不透明度，只需将 alpha 设置为 rgba 颜色，就像这样......

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