CSS修改選中文本顏色與背景色

 壹 ❀ 引

在做博客美化的時候，想着去修改文本選中的背景色，因為網頁默認是藍底白字，看着與自己博客整體配色不太搭配，所以想着去改改。

 貳 ❀ ::selection

解決方案其實很簡單，使用css3 ::selection屬性，該屬性用於匹配元素中被用戶選中或處於高亮狀態的部分，並且支持修改匹配元素的color, background, cursor,和outline屬性。

我在博客設置添加了如下代碼：

::selection {
    color: #fff;
    background: #088;
}

那么現在博客文本選中就是這個樣子了：

 叄 ❀ 兼容

 由於是css3屬性，所以簡單看下PC端瀏覽器兼容性：

一片綠色，IE9之后完全支持，需要注意的是，火狐61之前得添加-moz-前綴，這個操作可以交給前端構建工具去做。

::-moz-selection{}

那么就記錄到這里了。