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

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

作者: ForeverYoung_06 | 来源:发表于2020-11-11 16:49 被阅读0次

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

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/ujtybktx.html