css3 ::selection的用法（改變選中文本的背景顏色或者文本顏色）

時間 2019-11-06

標籤 css3 css selection 用法改變選中文本背景顏色或者欄目 CSS 简体版

原文原文鏈接

定義和用法css

::selection 選擇器匹配被用戶選取的選取是部分。即對選中文本的操做。 只能向 ::selection 選擇器應用少許 CSS 屬性：color、background、cursor 以及 outline。html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>改變背景的顏色</title>
	<style type="text/css">
		::selection { background:#ff9632; color: #000;color:#fff; } 
		::-moz-selection { background:#ff9632;color: #000; color:#fff;} /*火狐瀏覽器*/
		::-webkit-selection { background:#ff9632; color: #000; color:#fff;} /*谷歌*/
	</style>
</head>
<body>
	<p>選中的顏色</p>
	<p>選中的顏色</p>
	<p>選中的顏色</p>
	<p>選中的顏色</p>
	<p>選中的顏色</p>
</body>

</html>
複製代碼

效果圖 web