css设置文字选中的底色

在CSS中,设置文字选中的底色可以通过::selection伪元素来实现。::selection允许你自定义当文本被用户选中时的背景色和文本颜色。

以下是设置文字选中底色的CSS代码示例:

::selection {
    background: #ffc0cb; /* 粉红色的底色 */
    color: #000; /* 文字的颜色 */
}

这段代码会使得用户在浏览器中选中的文本具有粉红色的背景和黑色的文字。

请注意,::selection伪元素只能修改选中文本的样式,不能修改选中区域的边框样式或其他视觉效果。此外,不是所有浏览器都支持::selection伪元素,因此在使用时请考虑兼容性问题。

posted @ 2024-04-15 10:31  木人子韦一日尘  阅读(207)  评论(0编辑  收藏  举报