Как вы переопределяете «-moz-user-select: none;» на дочернем элементе?

Question

Этот вопрос CSS rule to disable text selection highlighting показывает как предотвратить выбор текста на элемент. Как только вы предотвратили выбор, как вы можете разрешить выбор для определенного дочернего элемента? например

<div class="no-select"> 
    <p>some text that cannot be selected</p> 
    <p class="select">some text that can be selected</p> 
    <p>some text that cannot be selected</p> 
</div> 

table.no-select{ 
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
} 

td.select{-webkit-touch-callout: all !important; 
-webkit-user-select: all !important; 
-khtml-user-select: all !important; 
-moz-user-select: all !important; 
-ms-user-select: all !important; 
user-select: all !important; 
} 

.no-select правило выше работ, но моя попытка .select правило, не то, что это правильный способ сделать это?

Answer 1

Попробуйте -moz-user-select: text вместо all.

В качестве ссылки в будущем, когда речь заходит о возможных значениях правила css, проверьте сайт, например MDN.

Here является ссылкой MDN для user-select.