1. 程式人生 > >CSS設定選中網頁文字時的背景和顏色

CSS設定選中網頁文字時的背景和顏色

在網頁中,選中某段文字,預設的顯示效果為:


可以看到,選中後文字顏色為白色,背景為藍色。

現我們想設定,選中後文字為紅色,背景為黃色。需要用到CSS偽類 ::selection

IE9+OperaGoogleChromeSafari都支援 ::selection 選擇器。

Firefox 通過其私有屬性 :: moz-selection 支援。

設定CSS為:

 

頁面效果為:

 

擴充套件:

::selection 可以應用的屬性有:colorbackgroundcursoroutline