::selection

2018-06-19 16:43 更新

在默認情況下，選擇網站文本都是深藍的背景，白色的字體的，如下圖：

現在請你選擇一下本網站的文字看看，是不是發(fā)現是這樣的：

變成了綠色背景了。

如何實現的呢？其實并不難，只是用了::selection偽類選擇器，代碼如下：

::selection { background: #009a61;color:#fff; }  
::-moz-selection { background: #009a61;color:#fff; }  
::-webkit-selection { background: #009a61;color:#fff; }

注意：::selection只支持background和color兩個屬性，如果你設置其他屬性是沒有效果的。

一個小小的技巧分享，希望能對有需要的朋友有所幫助。

以上內容是否對您有幫助：

← 用CSS3來制作倒影（box

clip 和 clip →

寫筆記

我要補充