css - 如何覆盖子元素上的 "-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。

作为 future 的引用，每当关注 CSS 规则的可能值时，请查看 MDN 等网站.

Here是 user-select 的 MDN 链接。