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

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 preview

Answer 2

不要使用不透明度，只需设置rgba颜色的alpha就像这样......

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