CSS如何控制鼠標選中網(wǎng)頁字體后的背景顏色和字體顏色

發(fā)表日期：2017-06-06 瀏覽次數(shù)：5796次

我們在網(wǎng)頁里復制文字時，按住鼠標左鍵，拖動時會有瀏覽器默認藍色底白色文字。Windows自身提供的是一種很難看的墨綠色的顏色，而蘋果電腦上提供的是淺綠色?；鸷鼮g覽器，IE9，Opera和谷歌瀏覽器允許我們自定義被選擇文字的顏色。
css示例代碼：

/* webkit, opera, IE9 */
::selection { background:#fff; color:red;}//選中后背景顏色是白色底，字體顏色為紅色
/* mozilla firefox */
::-moz-selection { background:#fff;color:red; }//選中后背景顏色是白色，字體顏色為紅色

-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; }

[ 上一篇 ] 新手編寫軟文時的五個小方法

[ 下一篇 ] 做網(wǎng)站優(yōu)化要學會總結分析與統(tǒng)計

將文章分享到: