请问如何改变鼠标选定文本时的颜色_CSS学习

资料来源：网络整理时间：2023/3/4 2:22:21 共计：3615 浏览

请问如何改变鼠标选定文本时的颜色？

鼠标选中后，背景变色的方法：如：改变选中后，选中区域的背景颜色为浅蓝色。在css中写入如下代码：/* webkit, opera, IE9 */::selection { background:lightblue; }/* mozilla firefox */::-moz-selection { background:lightblue; }说明：

1、-moz-属性前缀是个火狐浏览器用的，而基本的::selection选择器是给谷歌浏览器用的。

2、background后面可以直接使用颜色值。如：::selection { background:#ffff00; }另外：跟其它CSS选择器的用法一样，也可以嵌套使用，在不同的地方显示不同的颜色。如下：/* webkit, opera, IE9 */div.highlightBlue::selection { background:lightblue; }/* mozilla firefox */div.highlightBlue::-moz-selection { background:lightblue; }

/* webkit, opera, IE9 */div.highlightpink::selection { background:pink; }/* mozilla firefox */div.highlightPink::-moz-selection { background:pink; }

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：css模式是什么_CSS学习 | ·下一条：新冠疫苗第一批开始接种_CSS学习