落格博客

Log everything.

WordPress中设置被选中文字颜色及背景色

2014 年 1 月 2 日

最近更新：26th 4 月, 2015

在帮朋友优化博客的时候遇到这么一个问题，定制博客中被选中文字的色块颜色。

这个需求可以通过修改style.css来实现，具体的就是在对应的style.css文件中加入如下字段：

1

2

3

4

5

6

7

8

9

::-moz-selection {

background-color: #822e30;

color: #fff;

}

::selection {

background-color: #822e30;

color: #fff;

}

background-color后面的颜色为被选中文字的色块颜色。
color后面的参数为被选中时显示的文字的颜色。
::selection适用于 Chrome, Safari, IE9+等等浏览器，而firefox使用::-moz-selection

所以为了对应所有浏览器……只好两个都写上！

Updated: 2015 年 4 月 26 日 at 下午 1:37

如非声明，本人所著文章均为原创手打，转载请注明本页面链接和我的名字。