CSS改變網(wǎng)頁中鼠標(biāo)選中文字背景顏色的例子
一個不是那么眾所周知的技術(shù)就是我們可以在瀏覽器里美化被選擇的文字的樣式。Windows自身提供的是一種很難看的墨綠色的顏色,而蘋果電腦上提供的是淺綠色。火狐瀏覽器,IE9,Opera和谷歌瀏覽器允許我們自定義被選擇文字的顏色。讓我來展示給你看:
CSS代碼
/* webkit, opera, IE9 */
::selection { background:lightblue; }
/* mozilla firefox */
::-moz-selection { background:lightblue; }
-moz-屬性前綴是個火狐瀏覽器用的,而基本的.::selection選擇器是給谷歌瀏覽器用的。跟其它CSS選擇器的用法一樣,你可以嵌套使用,在不同的地方顯示不同的顏色:
/* webkit, opera, IE9 */
div.highlightBlue::selection { background:lightblue; }
/* mozilla firefox */
div.highlightBlue::-moz-selection { background:lightblue; }
/* webkit, opera, IE9 */
div.highlightPink::selection { background:pink; }
/* mozilla firefox */
div.highlightPink::-moz-selection { background:pink; }
用CSS美化被選擇的文字只是一種很簡單的技巧,但這些都能讓你的網(wǎng)站頁面更絢麗、更多彩!
【CSS改變網(wǎng)頁中鼠標(biāo)選中文字背景顏色的例子】相關(guān)文章:
求職信的格式例子12-12
上班族鼠標(biāo)手的危害12-06
黑白鼠標(biāo)簡歷封面04-29
英語面試會用到的對話例子03-02
包含顏色的成語02-25
鼠標(biāo)藍(lán)色自薦書封面04-17
顏色測試你的個性03-23
考研英語詞根講解例子04-11