2011-10-12 48 views
10

我試圖添加一個CSS規則,使默認行爲不允許在頁面上選擇文本或元素。然後,我爲特定節點(例如段落或標題文本)添加規則以允許在其上選擇文本。不可能覆蓋子節點上的用戶選擇?

不幸的是,這並不像預期的那樣工作,並且似乎不可能在子節點上覆蓋此設置。

檢查這個的jsfiddle,看看我的意思是:

http://jsfiddle.net/cH8WD/

任何想法如何,我可以得到這個正常工作?

感謝

編輯:

爲了更好地說明問題:

http://jsfiddle.net/cH8WD/5/

回答

14

試 「文本」,而不是 「正常」,如:

* { 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: -moz-none; 
    -o-user-select: none; 
    user-select: none; 
} 

p, h1, h2, h3, h4, h5 { 
    -webkit-user-select: text; 
    -khtml-user-select: text; 
    -moz-user-select: text; 
    -o-user-select: text; 
    user-select: text; 
} 

編輯:對於FireFox,我更改了行「-moz-user-select:none;」到「-moz-user-select:-moz-none;」

+0

它沒有區別。你可以通過修改我的版本中的值來嘗試jsfiddle。 – Naatan

+0

我用Chrome試過了,它對我很有用。 「正常」不起作用,但「文本」起作用。我現在會檢查其他瀏覽器。 –

+0

好吧,我正在測試Firefox,它具有相同的問題,無論是「正常」,「文本」,「自動」還是其他任何內容。不幸的是,我需要一個適用於所有瀏覽器的解決方案。 – Naatan