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

陳田田發表於2018-12-06

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

CSS設定選中網頁文字時的背景和顏色
可以看到,選中後文字顏色為白色,背景為藍色。 現我們想設定,選中後文字為紅色,背景為黃色。需要用到CSS偽類 ::selection。 IE9+、Opera、Google、Chrome、Safari都支援 ::selection 選擇器。 Firefox 通過其私有屬性 :: moz-selection 支援。 設定CSS為:
CSS設定選中網頁文字時的背景和顏色
頁面效果為:

CSS設定選中網頁文字時的背景和顏色
擴充套件: ::selection 可以應用的屬性有:color、background、cursor、outline。

相關文章