合肥市高新區(qū)長江西路與科學(xué)大道交口5F創(chuàng)業(yè)園A座309
136 5560 1775

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

發(fā)表日期：2017-06-06 瀏覽次數(shù)：6095次
我們在網(wǎng)頁里復(fù)制文字時，按住鼠標(biāo)左鍵，拖動時會有瀏覽器默認(rèn)藍(lán)色底白色文字。Windows自身提供的是一種很難看的墨綠色的顏色，而蘋果電腦上提供的是淺綠色。火狐瀏覽器，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; }

將文章分享到:

版權(quán)所有：啟邁科技-合肥網(wǎng)站建設(shè) 皖I(lǐng)CP備19009304號-1 皖公網(wǎng)安備 34010402702162號

網(wǎng)站建設(shè)，網(wǎng)站設(shè)計公司啟邁科技，為眾多企業(yè)提供網(wǎng)站建設(shè)，網(wǎng)站制作，響應(yīng)式網(wǎng)站設(shè)計，手機(jī)網(wǎng)站建設(shè)，微網(wǎng)站，模板建站，企業(yè)郵箱等一站式互聯(lián)網(wǎng)解決方案和建站服務(wù)10年。