如何使用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教程: