`user-select none`没有继承

Question

我有一个带有嵌套div框，ul和li标签以及按钮等的网页。用户可以选择它们看起来不太好，所以我想禁用这些容器部件的选择。但与此同时，我希望允许在其中选择单个字符。我正在尝试使用css属性user-select: none，但是一旦我将它设置为某个对象，似乎该属性一直继承到单个字符。有没有办法防止这种继承并禁止选择容器盒，但同时允许选择其中的单个字符？

Answer 1

您可以将此样式附加到外框：

#outer {user-select:none}

然后从所有孩子身上移除：

#outer * {user-select:all;}

以下是所有可能的用户选择值的说明：https://developer.mozilla.org/en-US/docs/CSS/user-select