Maine

纵有疾风起,人生不言弃

CSS:改变选择文字的前景和背景色

有些时候,我们想要自定义选中文字的前景色和背景色,让网页的整体风格更加统一,这个时候可以用 CSS3 的 ::selection 选择器来设置:

全局设置:

*::selection {
    background:#000000;
    color:#ffffff;
}
*::-moz-selection {
    background:#000000;
    color:#ffffff;
}
*::-webkit-selection {
    background:#000000;
    color:#ffffff;
}

浏览器支持情况:

IE9+、Opera、Google Chrome 以及 Safari。
Firefox 支持替代的 ::-moz-selection。

另外,只能向 ::selection 选择器应用少量 CSS 属性:color、background、cursor 以及 outline。

点赞
  1. 有用,前几天选中就发现颜色不对,刺眼想改变没想到刚好有这个伪类

    1. Maine说道:

      这是 CSS3 提供的,很好用,目前兼容性还可以。

发表评论

电子邮件地址不会被公开。 必填项已用*标注