全体を通して指示を含む入力フォームをコーディングしようとしています。テキストを選択できないようにしたいのですが、もちろん、ユーザーがテキストを簡単に変更できるように、入力を選択できるようにしたいと思います。
私の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 を実際のコードに含めました。
user-select:text を試しましたが、うまくいきませんでした。
さまざまなセクションに分かれたテキストがたくさんあるので、デフォルトの動作として選択する機能を削除し、選択する機能を入力に適用することを非常に好みます。少しずつテキストを選択できないようにするコードを適用するのは面倒です。
上記の修正を行ったとしても、この問題についてはまだ興味があります。
なぜこれが起こっているのか知っている人はいますか?