如何用CSS自訂網站反白文字?
如果來到Astral Web歐斯瑞的網站,按下左鍵選取文字(反白)時,出現的不是預設的背景色,而是鐵灰色,讓使用者可以可以更清楚瀏覽文字。這種手法在網站上很常見,今天我們就來和大家介紹如何設定!
方法很簡單,只要利用css3 的selection選擇器就可以了!
::-moz-selection { /* Code for Firefox */ css 設定值 } ::selection { css 設定值 }
Astral web的設定:
::selection { color: #fff; background-color:#333; }
一般可以使用的設定為:
color, background-color; text-shadow
支援的瀏覽器:
以上就是我們簡單的分享,希望能幫到大家;若有相關問題,歡迎聯絡我們!
我要留言