css实现鼠标选中文字后改变背景色的方法

小编给大家分享一下css实现鼠标选中文字后改变背景色的方法,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!

css中可以使用“::选择”选择器来实现鼠标选中文字后改变背景色,只需给文字元素E添加“E:选择{背景:背景色值;}”即可。

<强> css实现鼠标选中文字后改变背景色

css鼠标选中文字后改变背景色可以使用::选择选择器。

::选择选择器匹配元素中被用户选中或处于高亮状态的部分。::选择只可以应用于少数的css属性:颜色、背景、游标和大纲。

代码示例:

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=癠TF-8"祝辞 　　& lt; style 类型=拔谋?css"比; 　　p  { 　　边界:1 px  solid 红色; 　　} 　　 　　.color: -moz-selection  { 　　背景:# 93 c; 　　颜色:#自由现金流量; 　　} 　　 　　.color: selection  { 　　背景:# 93 c; 　　颜色:#自由现金流量; 　　} 　　& lt;/style> 　　& lt;/head> 　　 　　& lt; body> 　　& lt; p>默认文本。测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本! & lt;/p> 　　& lt; p 类=癱olor"祝辞鼠标选中文字后改变背景色。测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本! & lt;/p> 　　& lt;/body> 　　 　　& lt;/html>

效果图:

看完了这篇文章,相信你对“css实现鼠标选中文字后改变背景色的方法”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

css实现鼠标选中文字后改变背景色的方法