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

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

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

我們在網(wǎng)頁(yè)里復制文字時(shí),按住鼠標左鍵,拖動(dòng)時(shí)會(huì )有瀏覽器默認藍色底白色文字。Windows自身提供的是一種很難看的墨綠色的顏色,而蘋(píng)果電腦上提供的是淺綠色?;鸷鼮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; }


將文章分享到:

版權所有:?jiǎn)⑦~科技-合肥網(wǎng)站建設 皖I(lǐng)CP備19009304號-1 皖公網(wǎng)安備 34010402702162號

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