1. 程式人生 > >CSS:改變使用者選中文字的顏色和背景顏色

CSS:改變使用者選中文字的顏色和背景顏色

這是大多數瀏覽器預設的文字選中樣式:
這裡寫圖片描述

如果你是想讓它符合整個網站的風格,就可以選擇自定義選中的背景顏色和字型顏色。

使用者選中文字時的自定義顏色:

p::selection {
    background:#ccc;
    color:#ff645d;
}
p::-moz-selection {
    background:#ccc;
    color:#ff645d;
}
p::-webkit-selection {
    background:#ccc;
    color:#ff645d;
}
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam beatae commodi consequatur, debitis dignissimos, esse expedita laboriosam magnam modi necessitatibus neque nihil pariatur quos repellat rerum sed sit voluptas!
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet asperiores atque ea eligendi inventore libero minus molestias, officiis omnis, possimus praesentium quaerat quod, quos suscipit tenetur. Cumque itaque libero repellendus?
</p
>

這是設定自定義顏色後的效果圖:

這裡寫圖片描述