[分享]css中div内容选中变色

CSS中，我们可以通过设置样式来改变选中div内部内容时的样式。当用户选择文本内容时，可以使用:selection伪类选择器来改变选中文本的颜色、背景颜色等。 div::selection { col...

CSS中，我们可以通过设置样式来改变选中div内部内容时的样式。当用户选择文本内容时，可以使用:selection伪类选择器来改变选中文本的颜色、背景颜色等。

 div::selection {
   color: red;
   background-color: yellow;
  } 

以上代码中，使用双冒号::来选择伪元素selection。然后设置选中文本的颜色为红色，背景颜色为黄色。

如果我们想针对不同的div实现选中内容变色，我们可以使用id或者class选择器来指定。

 #myDiv::selection {
   color: blue;
   background-color: orange;
  } 

以上代码中，我们使用了id选择器#myDiv来指定应用样式的div。选中文本的颜色为蓝色，背景颜色为橙色。

另外需要注意的是，有些浏览器不支持所有的伪元素选择器，因此在实际使用时需要注意兼容性问题。