`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