css3 ::selection的用法(改變選中文字的背景顏色或者文字顏色)

lily000000發表於2018-01-16

定義和用法

::selection 選擇器匹配被使用者選取的選取是部分。即對選中文字的操作。 只能向 ::selection 選擇器應用少量 CSS 屬性:color、background、cursor 以及 outline。

這裡寫圖片描述

<!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>
複製程式碼

效果圖

這裡寫圖片描述

相關文章