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

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

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

我們?cè)诰W(wǎng)頁(yè)里復(fù)制文字時(shí),按住鼠標(biāo)左鍵,拖動(dòng)時(shí)會(huì)有瀏覽器默認(rèn)藍(lán)色底白色文字。Windows自身提供的是一種很難看的墨綠色的顏色,而蘋果電腦上提供的是淺綠色?;鸷鼮g覽器,IE9,Opera和谷歌瀏覽器允許我們自定義被選擇文字的顏色。
css示例代碼:

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

-moz-屬性前綴是個(gè)火狐瀏覽器用的,而基本的::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)所有:?jiǎn)⑦~科技-合肥網(wǎng)站建設(shè) 皖I(lǐng)CP備19009304號(hào)-1 皖公網(wǎng)安備 34010402702162號(hào)

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