CSS 是網頁設計的重要組成部分,能夠通過 CSS 來設置網頁元素的樣式、布局等。其中,背景顏色是元素樣式中最基本、最常見的一種。而 CSS 還有一項很實用的功能,那就是設置被選中的元素的背景顏色。
為了讓頁面更美觀、易于閱讀,我們經常需要給頁面元素設置一些樣式。比如給標題添加下劃線、給列表加點、為段落增加空行等等。而當用戶選中文本時,我們也同樣可以通過 CSS 來設置文本選中后的背景顏色。
/* 設置頁面中所有被選中的文本背景顏色為黃色 */ ::selection { background-color: yellow; } /* 設置特定元素包含的被選中的文本背景顏色為藍色 */ p::selection { background-color: blue; }
上述代碼中,我們使用了::selection
選擇器來選中被選擇的文本。注意,在 Firefox 中使用::-moz-selection
來支持該功能。我們還可以通過后代選擇器來為某些特定元素內的被選擇文本設置背景顏色。比如上例中的p::selection
,它指定了在所有p
元素內被選中的文本的背景顏色將會是藍色。
通過以上的示例,我們可以很容易地設置文本被選中后的背景顏色,從而提升網頁的美觀程度和用戶體驗。
上一篇發紙牌效果css3
下一篇css選中圖片打對勾