css改变网页中选中的文字的背景和颜色

最新推荐文章于 2022-12-24 22:37:34 发布

原创最新推荐文章于 2022-12-24 22:37:34 发布 · 2k 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#html #css #背景颜色 #网页 #选中文本

收录于

本文介绍如何使用CSS更改网页中文本被选中时的背景颜色及字体颜色，通过简单的代码示例展示了如何将默认的蓝色背景改为红色背景。

原来，网页中鼠标选中文本，是蓝色背景颜色，白字

原来效果如下

现在要改变这种默认的样式，改成红色背景颜色和白字，效果如下

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css改变网页中选中的文字的背景和颜色</title>
<style type="text/css">
::selection {
	background: #DC143C;
	color: #fff;
}

::-moz-selection {
	background: #DC143C;
	color: #fff;
}
</style>
</head>
<body>
	<h3>css改变网页中选中的文字的背景和颜色</h3>
<p>天若有情天亦老，人间正道是沧桑</p>	
</body>
</html>