css如何實作文字不能選中

css實作文字不能選取的方法：可以利用user-select屬性來實現，如【-webkit-user-select:none;-moz-user-select:none;】。 user-select屬性用來控制內容的可選擇性。

屬性介紹：

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

（學習影片推薦：css影片教學）

屬性值：

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

none－使用者不能選擇元素中的任何內容

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

element－文字可選，但僅限元素的邊界內(只有IE和FF支援)

all－在編輯器內，如果雙擊/上下文點擊發生在子元素上，則該元素的最高級祖先元素將被選取。

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

程式碼範例：

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

相關推薦：CSS教學

#

以上是css如何實作文字不能選中的詳細內容。更多資訊請關注PHP中文網其他相關文章！