Question

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

Answer 1

鼠标选中后，背景变色的方法：
如：改变选中后，选中区域的背景颜色为浅蓝色。
在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;
}