HTML/CSS如何用CSS修改网页文字选中背景色

0

如何用CSS修改网页文字选中背景色

前端优化 阅读:2381 时间:2017年01月07日

今天在看一个国外设计师的网站的时,由于英文不好,于是选中了网页文字要用Google翻译一下,当其文字被选中时,我被震惊了!他的网页文字选中后的背景高亮色不是蓝色!而是红色!...

今天在看一个国外设计师的网站的时,由于英文不好,于是选中了网页文字要用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文字颜色。

快点试试吧。

发表评论说说你的看法吧

精品模板蓝瞳原创精品网站模板

^