文章预览
自定义文本选择 更改选中文本的样式。 使用 ::selection 伪选择器来设置被选中时其中文本的样式。 < p class = "custom-text-selection" > 选择此处的一些文本。 p > ::selection { background : aquamarine; color : black; } .custom-text-selection ::selection { background : deeppink; color : white; } 这个技巧利用了 CSS ::selection 伪元素来设置当文本被用户选中时的样式。 在第一个例子中, ::selection 选择器应用于整个文档。它将所有被选中文本的背景色设置为 aquamarine ,文本颜色设置为 black 。 在第二个例子中, .custom-text-selection::selection 选择器只应用于具有 custom-text-selection 类的元素。它将被选中文本的背景色设置为 deeppink ,文本颜色设置为 white 。这展示了如何为特定元素自定义选择样式。
………………………………
