自定义网页中被选中文本的样式 CSS selection
创始人
2024-03-24 05:53:53
文章目录
- 两张图
- 自定义被选中文本的样式
- `::selection` 选择器的可填属性
- `::selection` 选择器支持的CSS属性 完整版 demo
- 浏览器兼容
- 官网文档
两张图
- 对于选中的文本(准确地说应该是被选中的DOM元素)，浏览器的默认样式：淡青色的背景色。
2. 自定义样式：我改成了豆沙绿的背景色+红色的字体。
自定义被选中文本的样式
如果是你自己的项目，可以使用如下CSS：
::selection {background-color: rgba(199, 237, 206);color: red;
}
如果是一些在线的网站，你总不能修改人家的代码吧？
是不能。
但是你可以修改已经发到客户端(也就是你自己的电脑)上的网页的代码(这个操作不影响服务端，只对你自己有效！)。
按F12打开 devtools 在 Element 中找到 中的任意一个