CSS的作用就是用來美化網(wǎng)頁的內(nèi)容或者結(jié)構(gòu)層次。這我們都知道，不是嗎？隨著CSS技 術(shù)的不斷革新升級，我們獲得了更多的控制樣式的能力。一個不是那么眾所周知的技術(shù)就是我們可以在瀏覽器里美化被選擇的文字的樣式。Windows自身提供 的是一種很難看的墨綠色的顏色，而蘋果電腦上提供的是淺綠色。火狐瀏覽器，IE9，Opera和谷歌瀏覽器允許我們自定義被選擇文字的顏色。讓我來展示給 你看：

1 2 3 4

/*?webkit,?opera,?IE9?*/ ::selection?{? background :lightblue;?} /*?mozilla?firefox?*/ ::-moz-selection?{? background :lightblue;?}

-moz-屬性前綴是個火狐瀏覽器用的，而基本的::selection選擇器是給谷歌瀏覽器用的。跟其它CSS選擇器的用法一樣，你可以嵌套使用，在不同的地方顯示不同的顏色：

?

1 2 3 4 5 6 7 8

/*?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;?}

?

總結(jié)

以上是生活随笔為你收集整理的用CSS美化被鼠标选中的文字的样式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。