CSS 鼠标选中文字后改变背景色的实现代码
(编辑:jimmy 日期: 2024/11/17 浏览:3 次 )
但想了想,难道不是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 的效果了。而且貌似 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中url的路径含义