你如何覆盖“

这个问题CSS规则禁用文本选择高亮显示如何防止在元素上选择文本。 一旦你阻止了选择,那么你如何允许选择一个特定的子元素? 例如

<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: text而不是all

作为未来的参考,每当关注css规则的可能值时,请检查一个像MDN这样的网站。

这是user-select的MDN链接。

链接地址: http://www.djcxy.com/p/1089.html

上一篇: How do you override "

下一篇: PUT vs PATCH with real life examples