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

 [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不知道为什么无效，IE８无效，Safari没有装，所以结果未知。