怎么更改鼠标选中后的颜色 – CSS – 前端，css安卓机滚动样式

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