CSS改變選擇網(wǎng)頁(yè)文字背景色

2024-07-11 08:24:22

字體：大中小

供稿：網(wǎng)友

最近在訪問一個(gè)網(wǎng)站的時(shí)候，我注意到，當(dāng)其文字被選中時(shí)它有一個(gè)匹配他的網(wǎng)站的背景色，這個(gè)背景色通常是深藍(lán)色。現(xiàn)在，如果您的網(wǎng)站不使用任何藍(lán)色為文字背景，看上去會(huì)不會(huì)有點(diǎn)不合適？
最近在訪問一個(gè)網(wǎng)站的時(shí)候，我注意到，當(dāng)其文字被選中時(shí)它有一個(gè)匹配他的網(wǎng)站的背景色，這個(gè)背景色通常是深藍(lán)色。現(xiàn)在，如果您的網(wǎng)站不使用任何藍(lán)色為文字背景，看上去會(huì)不會(huì)有點(diǎn)不合適？
當(dāng)尋找如何實(shí)現(xiàn)這一點(diǎn)的解決辦法后，我感到驚喜，這竟然非常容易。只需添加以下的CSS到您的網(wǎng)頁(yè)：

::selection{background: #A8141B; color: white; /* Safari */}::-moz-selection{background: #A8141B; color: white; /* Firefox */ }
正如你所看到的，這只能在Firefox和Safari中有效。這可能看起來(lái)沒有什么，但它是一個(gè)微妙的效果，可以為您的網(wǎng)站增加一些視覺吸引力！

上一篇：CSS3教程(10):CSS3 HSL聲明設(shè)置顏色

下一篇：CSS教程:position屬性