我正在尝试编写带有说明的输入表单。我希望文本不可选择，但当然我希望输入是可选择的，以便用户可以轻松修改他们的文本。
我的 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。
我尝试了用户选择：文本，但它不起作用。
我将许多文本分成不同的部分，因此我非常喜欢删除选择作为默认行为的能力，而只是将选择能力应用于输入。应用代码使每一点文本都无法选择会很痛苦。
即使我做了上述修复，我仍然会对这个问题感到好奇。
有谁知道为什么会这样？