CSS 鼠标选中文字后改变背景色的如何实现代码

待到芦花摇曳时,再倚西窗闻雁鸣,日落西山江上行,思缱绻,清月冷,风也寄情。光影斑驳,时光掠过,心于光阴的门楣,寂静欢喜。一纸素文,一缕清风,写意了心中的世界,终有一人的身影站立在风中于梦中,风去,影渐消。水潺潺,风声声,心低喃细语。 "
但想了想,难道不是JS的效果,关闭了JS后,果然,火狐下效果已久存在!
那肯定是 css 的效果了。而且貌似 IE 和 google chrome 都不支持。

于是仔细研究了一下,发现了这么句话:

*::-moz-selection {color:#fc5; background-color:#0f581a;}
恩,一看都知道了。

又在 google 中发现了一片文章:改变鼠标选中时文字的颜色

这么写道:

::-moz-selection{background:#93C; color:#FCF;}
::selection {background:#93C; color:#FCF;}
恩,其实就是这么回事了。

这样,就可以在 firefox 和 google chrome 中实现改变鼠标选中时的颜色和背景色了。

IE还是不行。就算是IE8也不行。恩,“永远是蓝底白字” 。

本文CSS 鼠标选中文字后改变背景色的如何实现代码到此结束。不要等待机会,而要创造机会。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
基于CSS 判断鼠标进入的方向

CSS如何实现鼠标移至图片上显示遮罩层效果

html+css+javascript如何实现跟随鼠标移动显示选中效果

如何利用HTML+CSS如何实现跟踪鼠标移动功能

详解CSS如何实现仿Windows10鼠标照亮边框效果