::selection 偽類別選取器用於反白的頁面使用者選擇的任何部分，包括可編輯文字欄位中的文本。
此虛擬元素可應用於 color ， background-color ，background（background-color 部分） 和text-shadow（註：到目前位置IE下該屬性無效）屬性。設定其他屬性是沒有任何效果的。
Firefox下需要加-moz-屬性首碼；
支援瀏覽器：Chrome，Firefox (Gecko)，Internet Explorer 9+，Opera，Safari
例如：
| 代碼如下 |
複製代碼 |
/* draw any selected text yellow on red background */
::-moz-selection { color: gold; background: red; }
::selection { color: gold; background: red; }
/* draw selected text in a paragraph white on black */
p::-moz-selection { color: white; background: black; }
p::selection { color: white; background: black; } |
一個完整的例子：
| 代碼如下 |
複製代碼 |
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>CSS ::Selection 偽類別選取器-WEB前端開發</title>
<meta name="author" content="愚人碼頭,www.css88.com" />
<style>
p{text-shadow:2px 2px 5px #333333;}
p::-moz-selection{background:#000;color:#f00;text-shadow:2px 2px 5px #FFFF2E;}
p::selection{background:#000;color:#f00;text-shadow:2px 2px 5px #FFFF2E;}
</style>
</head>
<body>
<h1>選中下面的文字，看看它的顏色</h1>
<p>你選中這段文字後，看看它們的文本顏色和背景色，就能明白::selection的作用。</p>
</body>
</html> |
效果如下
