html
<p data-danwei="元">剩余話費(fèi)40</p>
<div class="box">
<span>
currentColor
<br><br>user-select: none 禁止選擇文本
</span><br><br>
<span class="all">
all
</span>
<br>
<p>::selection</p>
</div>
css
*[data-danwei]:after {
content: attr(data-danwei);
color: #3b98e0;
}
.box{
width: 200px;
height: 200px;
color: #3b98e0;
border: 1px solid currentColor;/*其實(shí)不加顏色參數(shù) 默認(rèn)繼承內(nèi)容的color*/
}
div span {
user-select: none;
-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
}
div span.all {
user-select: all;
-webkit-user-select:all;
-moz-user-select:all;
-o-user-select:all;
}
div p::selection {
color: red;
}
效果
微信圖片_20170723225925.png
