javascript - ユーザーがクリックしたときに入力の境界線の色が変化しないようにするにはどうすればよいですか？

Question

私は自分のウェブサイトのフォームを作成しようとしていますが、最初の問題に直面している2つの問題があります。たとえば、入力を入力した場合です。

<textarea cols:40 rows:50></textarea>

クロームでそれをクリックすると、ボーダーの色がオレンジに変わり、サファリでブルーに変わるので、ボーダーの色の変化を止めるにはどうすればよいですか？

Answer 1

以下を削除しoutlineます。

textarea {
    outline: none;
}

ただし、outlineはフォーカスされたフォーム フィールドを示すために使用されることに注意してください。これは、障害のあるユーザーや視覚障害のあるユーザーのアクセシビリティ支援として役立つ場合があります。の を変更するか、要素自体でを使用colorするかによって、デフォルトのビジュアル キューをテーマに合った別のものに置き換える努力をすることは常に価値があります。outlinebackground-color

また、HTML の形式が正しくありません。次のようにする必要があります。

<textarea rows="50" cols="40"></textarea>

参考文献:

• outline.

Answer 2

フォーカスのアウトラインを削除する必要があります:

textarea:focus {
    outline: none;
}