CSS设置鼠标选中文本的颜色

快乐打工仔 分类:实例代码

CSS设置鼠标选中文本的颜色属于前端实例代码,有关更多实例代码大家可以查看

本章节介绍一下如何设置网页中选中文本的颜色。

在默认状态下,选中文本的颜色是蓝底白色,这个往往不能够满足我们的需求,下面介绍一下如何自定此效果。

代码实例如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.pipipi.net/" /> 
<title>犀牛前端部落</title> 
<style type="text/css"> 
::selection{ 
  background-color:#84ca7f; 
  color:#000; 
}
</style> 
</head> 
<body> 
<div>选中文本看看颜色是否发生变化。</div> 
</body> 
</html>

以上代码实现了我们的要求,设置了选中文本的颜色和背景色。

相关阅读:

(1).::selection参阅CSS E::selection 伪对象选择符一章节。

CSS设置鼠标选中文本的颜色,这样的场景在实际项目中还是用的比较多的,关于CSS设置鼠标选中文本的颜色就介绍到这了。

回复

我来回复
  • 暂无回复内容