修改网页文字选择默认的蓝色

William2011-03-06 14:47设计17,164次浏览45条评论

扫一扫手机看

前几天有个小盆友问我：威，你的博客文字选择之后怎么是紫色的，为什么我看其他的人家的网站，都是蓝色的，我很好奇。

然后我就小小的夸奖了一翻，我说你应该用的FireFox或者Chrome吧？然后小盆友回答让我吐血，FireFox和Chrome是什么？我很纠结，我说难道你用IE9？然后回答我上面没有IE…

原来此小盆友用的苹果电脑，*&%/#@!*&^!

好，言归正传，其实这个很简单就可以实现的，如果你网站是灰白色调的，选择文字是蓝色看着是不是有些别扭，如果是深灰色，是不是会舒服一些？

将下面的CSS添加到你的网站的CSS中就行了，当然颜色你就可以自定义了。


::selection {color: #fff;background-color: #639;}
::-moz-selection {color: #fff;background-color: #639;}

这样一来选择就千变万化了，感觉是不是很好？当然这个是CSS3属性，只支持IE9，FireFox，Chrome，Safari，Opera。

赏

【上一篇】入手HTC Desire(G7)
【下一篇】加载多个广告不影响网页打开速度

修改网页文字选择默认的蓝色：目前有 45 条评论

21楼
legend：

好东东，学到啦。我也自建了一个页面用用来测试css3。http://goease.net/css3.html

2011-11-27 19:54 回复
20楼
klant：

呵呵，虽然笔记本已经换成了IE9，但是宿舍台式电脑还是IE7。

2011-03-27 12:55 回复
19楼
xuan律：

这个倒是可以研究下，嘎嘎…虽然俺还在用360…

2011-03-16 21:58 回复
18楼
世纪预言：

我把这两段代码复制到layout.css里，只能在chrome下有效果，在IE9下没效果，不知道是怎么回事！

2011-03-13 13:04 回复
- William博主：
  
  @世纪预言不应该啊，我用IE9打开我的博客能看见是紫色的么，这个支持IE9,FireFox,Chrome，Opera，Safari。
  
  2011-03-13 14:37 回复
  - 世纪预言：
    
    @William又测试了几遍，还是一样在chrome下有效果，IE9下没效果，我用的是IE9 RC版，还有我用的是PJBLOG程序，不知道是不是和这个有关系，我用IE9访问你的博客是有效果的！
    
    2011-03-13 23:01 回复
    - William博主：
      
      @世纪预言对啊，很奇怪哦，应该加上去就会有出效果的
      
      2011-03-15 22:36 回复
      - 世纪预言：
        
        @William只能希望PJ4加油了，希望不会让我们这些支持者失望，早点发布公测版！
        
        2011-03-16 03:07 回复
17楼
小星：

这个还真没用过，晚上回去试试！

2011-03-11 16:02 回复
- William博主：
  
  @小星可以用用，效果是不错滴
  
  2011-03-11 17:08 回复
16楼
可爱宝：

不行，还是蓝色的，可能我是使用ipad的原因吧！但是话说不是支持safari的么？

2011-03-10 22:52 回复
- William博主：
  
  @可爱宝额，Safari是支持的，至于Ipad为嘛不支持我就不晓得。
  
  2011-03-11 13:17 回复
15楼
sweetbao：

紫色！？我要看看，这么神奇。

2011-03-10 22:48 回复
14楼
不在回头：

他的回答挺有意思。

2011-03-10 18:35 回复
- William博主：
  
  @不在回头是的，搞的我很无奈~
  
  2011-03-11 13:10 回复
13楼
益酷网：

学习一下，更新的挺快！

2011-03-09 09:27 回复