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

全局设置:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
*::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。