我们前端做页面时或许会碰到这样的情况,一段文字禁止客户鼠标选中,运用CSS就可以控制
HTML
<div>
<p>网络科技有限公司是一家专业从事互联网信息服务、电子商务、专业搜索引擎和企业应用软件开发的科技企业,目前已发展成为国内B2B行业专业的垂直专业网站开发商。。</p>
</div>
CSS
div p{
user-select:none;
}
一段文字客户鼠标选中运用CSS控制样式,利用属性selection
HTML
<div>
<p>网络科技有限公司是一家专业从事互联网信息服务、电子商务、专业搜索引擎和企业应用软件开发的科技企业,目前已发展成为国内B2B行业专业的垂直专业网站开发商。 </p>
</div>
CSS
div p::selection{
color:red;
background:#dedede;
}
网友评论