Css 如何更改选定文本的不透明度?

Css 如何更改选定文本的不透明度?,css,selection,opacity,Css,Selection,Opacity,我在网页上有几乎看不见的文本,opacity:0.1 我希望它在选中时可见 但是,选择也几乎是不可见的。 很遗憾,::selection不会更改不透明度。您将无法将不透明度属性用于::selection。它从来都不是一个允许的属性,即使实现了它,也没有意义,因为您无论如何都不会修改元素本身的不透明度 可以使用文本和背景的rgba()颜色,而不是在整个元素上使用不透明性。这不是理想的解决方法,但至少对颜色有效: body { color: rgba(0, 0, 0, 0.1); } ::

我在网页上有几乎看不见的文本,
opacity:0.1
我希望它在选中时可见

但是,选择也几乎是不可见的。
很遗憾,
::selection
不会更改不透明度。

您将无法将
不透明度
属性用于
::selection
。它从来都不是一个允许的属性,即使实现了它,也没有意义,因为您无论如何都不会修改元素本身的不透明度

可以使用文本和背景的
rgba()
颜色,而不是在整个元素上使用
不透明性
。这不是理想的解决方法,但至少对颜色有效:

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

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

不使用不透明度,只需在rgba颜色中设置alpha,如下所示

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

查看此链接@Utkanos只是尝试使用背景色、不透明度和::selectionVow。谁会想到允许使用特定选择器的属性呢!回答得很好。节省了淹没在W3C文档中的时间。@Robin Maben:是的,这是他们在处理
::selection
时做的实验。请参阅CSS3规范的旧版本:但它已经被删除,因此不再是标准的一部分。但是现在您提到了它,如果只有一组有限的属性应用于其他现有的伪元素,比如
::first-line
::first-letter
,我也不会感到惊讶,但我不太确定。@Robin Maben:这可能与伪元素的性质有关。当然,对于任何其他选择器,只有一组允许的属性是没有意义的,因为它们所做的只是选择元素。不同的是,它们创建新的虚拟元素用于样式设计。是的,它讨论了在用户交互时动态创建的动态(和虚拟)元素。我很高兴我学到了一些新东西