css怎麼設定不能選取文字

css設定不能選取文字的方法：可以利用user-select屬性來進行設置，如【user-select:none】。 user-select屬性是css3新增的，用來控制內容的可選擇性。

屬性介紹：

user-select是css3 UI規格中新增的功能，用來控制內容的可選擇性。

（學習影片分享：css影片教學）

程式碼實作：

/*设置文字不能被选中     以下为css样式*/
-webkit-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;

屬性值：

• auto－預設值，使用者可以選取元素中的內容

• none－使用者無法選擇元素中的任何內容

• text－使用者可以選擇元素中的文字

• element－文字可選，但僅限元素的邊界內(只有IE和FF支援)all－在編輯器內，如果雙擊/上下文點擊發生在子元素上，則該元素的最高級祖先元素將被選取。

• -moz-none——firefox私有，元素和子元素的文字將不可選，但是input輸入框中的文字除外（IE瀏覽器下是透過onselectstart="javascript: return false;"事件來實作該功能的）

相關推薦：CSS教學

#

以上是css怎麼設定不能選取文字的詳細內容。更多資訊請關注PHP中文網其他相關文章！