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

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);
}