【CSS】设置选中文字的颜色和背景色

    在网页上选中一段文字,选中的文字默认情况下是以蓝色背景+ 白色文字来显示的。看过一些网站,修改了选中文字的背景色,感觉十分清新,今天来查了一下怎么实现的。

    上DEMO:



    提示:你可以先修改部分代码再运行。

    相关CSS样式如下:

    ::selection {
     background:#cc00cc;
     color:#fff;
    }
    ::-moz-selection{
     background:#cc00cc;
     color:#fff;
    }
    code::selection {
     background: #666666;
    }
    code::-moz-selection {
     background: #666666;
    }
    

    做几点说明:

    1. Firefox使用::-moz-selection私有选择符来实现,不支持::selection选择符
    2. Chrome、Safari、Opera均使用::selection选择符
    3. IE系列不支持选中文本样式
    4. 选中文本样式只支持文本颜色color和背景颜色background属性

    选中文字样式DEMO在Firfox 3.5、Opera 9.64、Chrome 3、Safari 4上测试有效,IE下无效。



    本博客所有文章如无特别注明均为原创。
    复制或转载请以超链接形式注明转自枫芸志,原文地址《【CSS】设置选中文字的颜色和背景色
    标签:
    分享:

还没有人抢沙发呢~

无觅相关文章插件,快速提升流量