10
我試圖添加一個CSS規則,使默認行爲不允許在頁面上選擇文本或元素。然後,我爲特定節點(例如段落或標題文本)添加規則以允許在其上選擇文本。不可能覆蓋子節點上的用戶選擇?
不幸的是,這並不像預期的那樣工作,並且似乎不可能在子節點上覆蓋此設置。
檢查這個的jsfiddle,看看我的意思是:
任何想法如何,我可以得到這個正常工作?
感謝
編輯:
爲了更好地說明問題:
我試圖添加一個CSS規則,使默認行爲不允許在頁面上選擇文本或元素。然後,我爲特定節點(例如段落或標題文本)添加規則以允許在其上選擇文本。不可能覆蓋子節點上的用戶選擇?
不幸的是,這並不像預期的那樣工作,並且似乎不可能在子節點上覆蓋此設置。
檢查這個的jsfiddle,看看我的意思是:
任何想法如何,我可以得到這個正常工作?
感謝
編輯:
爲了更好地說明問題:
試 「文本」,而不是 「正常」,如:
* {
-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;」
它沒有區別。你可以通過修改我的版本中的值來嘗試jsfiddle。 – Naatan
我用Chrome試過了,它對我很有用。 「正常」不起作用,但「文本」起作用。我現在會檢查其他瀏覽器。 –
好吧,我正在測試Firefox,它具有相同的問題,無論是「正常」,「文本」,「自動」還是其他任何內容。不幸的是,我需要一個適用於所有瀏覽器的解決方案。 – Naatan