PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> CSS >> 

CSS技巧:css_selection改变文字反选的背景颜色

CSS技巧:css_selection改变文字反选的背景颜色

来源:互联网  作者:  发布时间:2010-03-18
在计算机操作中经常会有反选出现,系统一般会根据选择区域的颜

在计算机操作中经常会有反选出现,系统一般会根据选择区域的颜色,显示出补色。但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;
}

通过以上代码可以看出,你完全可以给不同的容器定义不同的反选背景颜色。


延伸阅读:
CSS浮动属性Float详解
CSS代码解决网页挂马问题
css中背景图片路径问题
CSS圆角在CSS2和CSS3里的实现方法
CSS 3 备受期待的八大新功能介绍
css水平居中和垂直居中的多种解决方案
CSS的Background使用方法
CSS Hack与float闭合技巧
警惕CSS挂马攻击 CSS挂马攻防实战全面解析
用CSS3制作网页下拉菜单代码
7种CSS圆角框解决方案


二十个最常用的CSS经典技巧
CSS3的简单又实用的3个属性
Tags: css   技巧   css_selection   背景   颜色   select   C  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号