前几天有个小盆友问我:威,你的博客文字选择之后怎么是紫色的,为什么我看其他的人家的网站,都是蓝色的,我很好奇。
然后我就小小的夸奖了一翻,我说你应该用的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。
本文固定链接: https://www.weisay.com/blog/modify-text-blue-selection.html | 威言威语
呵呵,虽然笔记本已经换成了IE9,但是宿舍台式电脑还是IE7。
这个倒是可以研究下,嘎嘎…虽然俺还在用360…
我把这两段代码复制到layout.css里,只能在chrome下有效果,在IE9下没效果,不知道是怎么回事!
不应该啊,我用IE9打开我的博客能看见是紫色的么,这个支持IE9,FireFox,Chrome,Opera,Safari。
又测试了几遍,还是一样在chrome下有效果,IE9下没效果,我用的是IE9 RC版,还有我用的是PJBLOG程序,不知道是不是和这个有关系,我用IE9访问你的博客是有效果的!
对啊,很奇怪哦,应该加上去就会有出效果的
只能希望PJ4加油了,希望不会让我们这些支持者失望,早点发布公测版!
这个还真没用过,晚上回去试试!
可以用用,效果是不错滴
不行,还是蓝色的,可能我是使用ipad的原因吧!但是话说不是支持safari的么?
额,Safari是支持的,至于Ipad为嘛不支持我就不晓得。
紫色!?我要看看,这么神奇。
他的回答挺有意思。
是的,搞的我很无奈~
学习一下,更新的挺快!
晚上去PJ下加载试试,公司电脑配置低,家里电脑装的IE9。
恩,两行代码,实现的效果还是不错的
CSS就是强大!!!
呵呵,CSS的确很强大
为啥我这里依旧是蓝色╮(╯▽╰)╭
你用什么浏览器,不支持IE8及其以下版本IE的浏览器
紫色,正常的,我理解错了。。。我理解成超链接选中变色了╮(╯▽╰)╭
呵呵,选择文字的背景啦~
嘿嘿,又学到啦。。。
哈哈,其实这个我觉得蛮好玩的,又不要太多的代码
有些小细节确实很重要。
恩啊,不过很多人是不太注意这个的
谢谢博主分享知识,终于知道为啥字体会变成紫色了。
终于看到更新了,祝贺一下!
4的皮肤什么时候可以出来呀?
呵呵,最近比较的忙。
PJBlog4的主题2个大的页面搞好了,其他的就快了,当然还有些细节部分要修改之类的,还在研究中
吼吼。更新喽。又学习了
不错,有创意
创意谈不上,其实也有一些网站用了的
你啥时候换的紫色,不好看,只是特别点儿而已……
莫非我屏幕颜色不正常??
囧orz…
换紫色换了一段时间了,主要我喜欢紫色,所以就用紫色了
…… 这个好深,你换个浅点的,我也挺喜欢紫色的
不深吧,还好啦~
紫色挺舒服的看着 。 偶尔换换更个不错
呵呵,是的,不过一般人不太注意这个的
我都是喜欢选中文字阅读的!
IE8咋没看到啥情况啊
哎,纠结~~看的不仔细吧!
原文——
当然这个是CSS3属性,只支持IE9,FireFox,Chrome,Safari,Opera。
不是 当时想说怪不得IE8没动静 哈啊
…… 莫非是口误 哈哈