在 CSS 中,可以使用 ::selection
伪类来设置选中文本的样式。要设置选中的背景色带透明,可以使用 background-color
属性并将其值设为透明色,例如:
::selection {
background-color: rgba(0, 0, 0, 0.5);
}
在这里,我们使用了 rgba()
颜色函数来指定一个带透明度的黑色背景。透明度值 0.5
表示背景颜色是半透明的。
注意,::selection
伪类只能应用于文本内容,不能应用于其他元素。
示例代码:
<style>
::selection {
background-color: rgba(0, 0, 0, 0.5);
}
</style>
<p>这是一段文本。</p>
在这个示例中,当你选中文本内容时,背景颜色会变成半透明的黑色。