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:这可能与伪元素的性质有关。当然,对于任何其他选择器,只有一组允许的属性是没有意义的,因为它们所做的只是选择元素。不同的是,它们创建新的虚拟元素用于样式设计。是的,它讨论了在用户交互时动态创建的动态(和虚拟)元素。我很高兴我学到了一些新东西