CSS：无法用user-select选择子文本：auto，而parent有user-select：none

Question

我正在尝试使用指令对输入表单进行编码。我希望文本不可选，但当然我希望输入可以选择，以便用户可以轻松修改他们的文本。

我的HTML看起来像这样：

<div id="form">
<header> Some header text </header>
Instructions on what to do.
<form>
<label>first name:</label><input type="text" name="fname" />
<label>last:</label><input type="text" name="lname" />
<label>email:</label><input type="text" name="email" />
</form>
<div id="extras"> A bunch of separate notes and maybe a textarea box</div>
</div>

我的CSS看起来像这样：

#form{ user-select:none; }
#form form input{user-select:auto}

一些注意事项：
我在实际代码中包含了各种浏览器的所有CSS 我尝试了用户选择：文本，但它不起作用 我有很多文本分成不同的部分，所以我更喜欢删除选择默认行为的能力，只是应用选择输入的能力。应用代码使每一小段文本无法选择将是一种痛苦 即使我做了上述修复，我仍然会对这个问题感到好奇。

任何人都知道为什么会这样吗？

Answer 1

没有user-select: auto;这样的东西你应该使用user-select: text; Your given code works,因此您可能希望包含其余代码或链接到它。