页面文字选中状态下改变背景与字体颜色
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文字选中添加背景色改变字体颜色--三角号</title>
<style>
div::sel...
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文字选中添加背景色改变字体颜色--三角号</title>
<style>
div::selection {
background: #99fff2;
color: #0606ebcc;
}
div::-moz-selection {
background:#FF9;
color:#F00;
}
div::-webkit-selection {
background:#FF9;
color:#F00;
}
.script {
width: 0;
height: 0;
border-right: 12px solid transparent;
border-top: 12px solid #c59c53;
}
.sanjiao {
width: 0;
height: 0;
border-left: 12px solid transparent;
border-bottom: 12px solid #3900ff;
}
</style>
</head>
<body>
<div class="div">测试选中后有没有改变被选中的字体颜色</div>
<div class="div">测试选中后有没有改变被选中的字体颜色</div>
<div class="div">测试选中后有没有改变被选中的字体颜色</div>
<div class="div">测试选中后有没有改变被选中的字体颜色</div>
<div class="div">测试选中后有没有改变被选中的字体颜色</div>
<div class="div">测试选中后有没有改变被选中的字体颜色</div>
<div class="div">测试选中后有没有改变被选中的字体颜色</div>
<div class="div">测试选中后有没有改变被选中的字体颜色</div>
<div class="script"></div>
<div class="sanjiao"></div>
</body>
</html>
- 发表于 2020-06-25 23:38
- 阅读 ( 547 )
- 分类：web前端开发
