css3 ::selection的用法(改变选中文本的背景颜色或者文本颜色)

882 阅读1分钟

定义和用法

::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>

效果图

这里写图片描述