首頁 > css样式 > css禁止用户选择网页文本

css禁止用户选择网页文本

要在CSS中阻止用户选择网页上的文本,您可以使用user-select属性。以下是一个简单的例子,展示了如何使用CSS来实现这一点:
* {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
  user-select: none;         /* 标准语法 */
}

这段代码将阻止页面上的所有元素的文本被选中。如果你只想针对特定的元素应用这个规则,只需将相应的选择器(比如类名或ID)添加到CSS规则中。

例如,只阻止在一个特定的类上选择文本:

.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

相关资讯
最新资讯
IT兄弟 IT兄弟-是一家分享开发中常遇到的技术问题解决方案,也是站长们记录技术分享文章的平台。 琼ICP备2022012332号