改變網頁文本選中的默認背景顏色

改變網頁文本選中的默認背景顏色，可以更好的突出你的主題色調，使你的網站更有個性與美觀 。

效果圖

---

默認

改變後

源碼分析

---

文本選中是默認藍色背景與白色字體，與主題色調不搭，所以我們可以設置自己想要的顏色。

代碼：

<style type="text/css">
::selection {
    color:#fff;
    background-color: #5CB85C ;
}

::-moz-selection {
    color:#fff;
    background-color: #5CB85C ;
}

::-webkit-selection {
    color:#fff;
    background-color: #5CB85C ;
}
</style>

效果：

我們會發現顏色被改變了。

如果說，你不想定義全局，也可以用CSS 定義局部標籤內容文字選中後的樣式狀態。
比如，定義只定義第一段是文字選中綠色背景。

代碼：

<style type="text/css">
.first_p::selection {
    color:#fff;
    background-color: #5CB85C ;
}

.first_p::-moz-selection {
    color:#fff;
    background-color: #5CB85C ;
}

.first_p::-webkit-selection {
    color:#fff;
    background-color: #5CB85C ;
}

</style>

效果：

index.html

<div class="panel-body">
    <h2>Ghost 桌面版 APP 正式發佈，能同時管理多個 Ghost 博客</h2>
    <p>作者：<font color="#5CB85C">wenteryan</font>  • 2016年5月12日</p>
    <br>
    <p class="first_p">雖然通過瀏覽器管理 Ghost 博客雖然很方便，但是在多個 tab 之間切換有時候也會很麻煩，嗯，如果能有一個獨立的 app 應該使用起來會更爽一些！</p>
<p>今天的主角來了，Ghost 桌面版 APP -- Ghost Desktop！</p>
<p>目前，Ghost Desktop 還處於早期階段，但是已經是一個全功能版本了，並且 Ghost Desktop 運行良好，支持自動更新，已經完全支持 Mac、Windows 和 Linux 平臺了。補充一下，Ghost Desktop 是完全開源的（這還用說嗎？）。</p>
<p>其實 Ghost Desktop 於數週前就已經開放給大家預覽了。</p>
<p>衆所周知，Ghost 是一個有非盈利組織支持的開源項目。Ghost Desktop 由志願者 Felix Rieseberg 獨立開發的，並且他還是一位微軟的開源佈道者。</p>
<p>官方下載地址（且慢點擊，先看下面）：https://ghost.org/downloads/</p>
    </p>
    <br>
    <a href="zxingcoder" class="btn btn-success" type="submit">下一篇</a>
  </div>
</div>
</div>

總結

---

本文其實沒有什麼內容，小技巧展示而已。如果文中有什麼表述不準確的地方歡迎指正，也歡迎通過評論進行交流。