如何使用CSS禁用文本选择

了解如何使用CSS属性禁用文本选择user-select

默认情况下,浏览器允许我们使用键盘,在Mac上按cmd-A组合或在鼠标上选择浏览器中的文本。

如何禁用它,以使网页的行为更像一个应用程序,而不像一个文档?

使用user-select: none;CSS规则。

您需要使用浏览器前缀,例如https://caniuse.com/#feat=user-select-none告诉我们:

-webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

我有时使用的一件事是使所有应用程序界面都无法选择应用user-select: none;在body元素上,然后可以使用以下命令在特定元素上重新启用它:

user-select: text;

免费下载我的CSS手册


更多CSS教程: