css – 如何在子元素上覆盖“-moz-user-select:none;”?

前端之家收集整理的这篇文章主要介绍了css – 如何在子元素上覆盖“-moz-user-select:none;”?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这个问题 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规则下的尝试不行,这样做的正确方法是什么?

解决方法

尝试-moz-user-select:文本而不是全部.

作为未来的参考,每当关心css规则的可能值时,请检查像MDN这样的站点.

Here用户选择的MDN链接.

猜你在找的CSS相关文章