溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了selection選擇器如何使用，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
默認情況下，瀏覽器中用鼠標選擇的網頁文本都是“深藍的背景，白色的字體”顯示的。但是有些時候我們并不想要“深藍的背景，白色的字體”這種顯示效果。
::selection選擇器
瀏覽器選取文本時默認樣式
在CSS3中，我們可以使用“：：selection選擇器”來改變被選擇的網頁文本的顯示效果。
注意，“：：selection選擇器”是雙冒號。其實雙冒號往往都是“偽元素”，而單冒號往往都是“偽類”。
代碼如下：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3 ::selection選擇器</title>
<style type="text/css">
div::selection
{
background-color:red;
color:white;
}
p::selection
{
background-color:orange;
color:white;
}
</style>
</head>
<body>
<div>億速云，讓學習成為一種習慣</div>
<p>億速云，讓學習成為一種習慣</p>
</body>感謝你能夠認真閱讀完這篇文章，希望小編分享selection選擇器如何使用內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
