cccylove

死生契阔,与子成说。执子之手,与子偕老

CSS控制网页文字选中后背景色

cc2012-08-17 06:18:39

 [IMG]upload/201208162222514162.gif[/IMG]

 

 今天在看一个国外设计师的网站的时,由于英文不好,于是选中了网页文字要用Google翻译一下,当其文字被选中时,我被震惊了!他的网页文字选中后的背景高亮色不是蓝色!而是红色!这个背景色在浏览器中通常默认是深蓝色。于是立码谷歌一下,百度两下。终于发现秘密所在!

想要改变网页上,文字被选中时的高亮颜色,需要在CSS中做如下控制:   

        ::selection{background-color:#000; color:#FFF; } /* Safari Chrome*/   

        ::-moz-selection{background-color:#000; color:#FFF;} /* Firefox */

 完成写法如下:

 

<style type="text/css" media="screen">

                ::selection{background-color: #000; color: white; } /* Safari Chrome */

                ::-moz-selection{background: #FFF; color:#000;}  /* Firefox */ 

</style>

 

应该不用解释了吧。 background-color背景色,color文字颜色。

快点试试吧。

注:以上注释来互联网,自测时,只有Chrome有效,Firefox不知道为什么无效,IE8无效,Safari没有装,所以结果未知。

感谢阅读!发表下看法?

留言


蓝瞳视觉|网格传媒/zblog主题|西西用户体验设计|Zblog