::selection 选择器匹配被用户选取的选取是部分。
只能向 ::selection 选择器应用少量 CSS 属性:color、background、cursor 以及 outline。
.title::selection {
color:#fff;
background-color: #5CB85C ;
}
.title::-moz-selection {
color:#fff;
background-color: #5CB85C ;
}
.title::-webkit-selection {
color:#fff;
background-color: #5CB85C ;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>改版选择文字背景色</title>
<style>
.title::selection {
color:#fff;
background-color: #5CB85C ;
}
.title::-moz-selection {
color:#fff;
background-color: #5CB85C ;
}
.title::-webkit-selection {
color:#fff;
background-color: #5CB85C ;
}
</style>
</head>
<body>
<p class="title">MDN是最好的学习工具之一</p>
<p class="para1">算法刷题好去处 https://leetcode.com/</p>
<p class="coding">
.title::selection {
color:#fff;
background-color: #5CB85C ;
}<br/>
.title::-moz-selection {
color:#fff;
background-color: #5CB85C ;
}<br/>
.title::-webkit-selection {
color:#fff;
background-color: #5CB85C ;
}<br/>
</p>
</body>
</html>