前端页面 禁止客户鼠标选中文本以及选中文本自定义样式

我们前端做页面时或许会碰到这样的情况，一段文字禁止客户鼠标选中，运用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;
}