文字被选中时背景变蓝色,字体颜色变白色
时间: 2023-08-23 11:05:04 浏览: 239
字体颜色改变
您可以使用CSS来实现文字被选中时背景变蓝色,字体颜色变白色的效果。具体实现方法如下:
1. 在CSS中添加选择器,设置选中文字的样式:
```css
::selection {
background-color: blue; /* 设置选中文字背景色为蓝色 */
color: white; /* 设置选中文字字体颜色为白色 */
}
::-moz-selection {
background-color: blue; /* 设置Firefox浏览器中选中文字背景色为蓝色 */
color: white; /* 设置Firefox浏览器中选中文字字体颜色为白色 */
}
```
2. 在CSS中为需要设置选中文字样式的标签添加样式:
```css
p {
/* 设置默认样式 */
color: black;
background-color: white;
}
```
这样就能实现文字被选中时背景变蓝色,字体颜色变白色的效果了。需要注意的是,`::selection`伪元素只能在部分浏览器中生效,如Chrome、Safari、Opera等。在Firefox浏览器中,需要使用`::-moz-selection`伪元素来实现相同的效果。
阅读全文