威言威语
我愿像茶,苦涩留心,清香予人。
威言威语
当前位置: 首页 > 设计 > 正文

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

当网页的文字被选中时通常是蓝色的,有可能与网页的颜色不协调。其实我们可以自定义其颜色,这样一来选择就千变万化了,感觉是不是很好?
修改网页文字选择默认的蓝色

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

然后我就小小的夸奖了一翻,我说你应该用的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。

您可能还会对这些文章感兴趣!

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

  1. legend
    21楼
    legend:Google Chrome 14.0.835.186 Windows XP

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

    2011-11-27 19:54 回复

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

gravatar

question razz sad smile redface biggrin eek shock confused cool lol mad rolleyes wink cry