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