您知道是什么让您的网站设计脱颖而出吗?注意详情。吸引我们注意Brian Gardner(@bgardner)网站的其中一个细节就是他的默认文本选择颜色与他的设计配色方案相匹配,而不是默认的蓝色。在本文中,我们将向您展示如何更改WordPress主题中的默认文本选择颜色

Change the Default Text Selection Color

打开style.css文件并添加以下样式:

::-moz-selection {
    background-color: #ff6200;
    color: #fff;
}

::selection {
    background-color: #ff6200;
    color: #fff;
}

不要忘记更改背景颜色以匹配主题配色方案。

::选择选择器由Chrome,Safari,IE9 +和Opera使用。 Firefox喜欢使用自己的:: – mozselection。这就是为什么它们分为两个部分。如果您尝试将它们组合在一起,它将无法工作。

对于演示,只需选择此站点上的任何文本即可。

猜您也想看看…