您的位置:首页 > Web前端 > CSS

css selection改变文字反选的背景颜色

2011-04-04 17:32 204 查看
采用css selection改变文字反选的背景颜色的方法!

在计算机操作中经常会有反选出现,系统一般会根据选择区域的颜色,显示出补色。但windows默认的文字选择时,背景为蓝色,前景色为白色,如果背景是深色,则文字为蓝色,背景变成白色。如下图所示:



反选后默认的样式

能不能改变选择的默认颜色呢,也许很多人对这个问题不是很在意,也可能你早就见到过这个效果了,但是却忽略了。

PPK给出了如下的CSS代码:

::-moz-selection{ /*针对Firefox*/

background:#cc0000;

color:#fff;

}

::selection {

background:#cc0000;

color:#fff;

}

code::-moz-selection { /*code是标签选择器,可以换成p或span等*/

background: #333333;

}

code::selection {

background: #333333;

}


通过以上代码可以看出,你完全可以给不同的容器定义不同的反选背景颜色。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: