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

2021-09-13 02:19:32 字數 450 閱讀 2134

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

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

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

ie9+、opera、google、chrome、safari都支援 ::selection 選擇器。

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

設定css為:

頁面效果為:

擴充套件:::selection 可以應用的屬性有:color、background、cursor、outline。

CSS3控制網頁選中文字的顏色和背景

以我的系統舉例 xp 預設主題 瀏覽器上頁面文字選中後預設的背景色是一種藍色,不同瀏覽器的顏色有些許差異,但大致相同,文字顏色也近乎白色,如下圖所示,截自firefox3.6瀏覽器 在css3的爸爸媽媽還沒有相親認識的時候,要改變頁面上文字選中後的背景色以及文字顏色,就跟讓太監生孩子一樣困難。但是,...

CSS樣式設定網頁背景

首先我們要知道在html css裡面,有關背景的設定都與background有關,比如background color background image 等 1 background color屬性 設定背景顏色 語法 background color 顏色 這裡的顏色可以直接用顏色名字,也可以使用...

怎麼改變網頁中選中的文字的背景顏色

網頁中當我們選中一段文字時預設顏色為深藍色。如 我們有沒有辦法改成其他顏色。答案是有的。我們可以通過 來改變。用法 selection使用語法 webkit,opera9.5 ie9 selection mozilla firefox moz selection 相容的瀏覽器 selection在i...