Chrome ブラウザで、input[text] と textarea がフォーカスされたときに黄色の境界線で表示されないようにする方法_javascript のヒント

特に input[text] と textarea は、次の図に示すように、textarea の右下隅にマウスで textarea のサイズをドラッグするために使用できる関数もあります。

入力[テキスト]：

テキストエリア:

黄色の境界線はページの効果に影響を与える場合があり、テキストエリアをドラッグしてサイズを変更すると、レイアウトに直接影響することがあります。そのため、これらの冗長な機能や効果がページに影響を与えるのを防ぐために、いくつかの CSS を使用して、 Chrome ブラウザのデフォルト設定の効果、コードは次のとおりです:

フォーム項目のフォーカスをキャンセルすると生成される黄色の境界線:

コードをコピーします コードは次のとおりです:

input,button,select,textarea{outline:none}

テキストエリアのドラッグとサイズ変更機能をキャンセルします:

コードをコピー コードは次のとおりです:

textarea{resize:none}

マージ後:

コードをコピーします コードは次のとおりです。

input,button,select,textarea{ アウトライン:none; }
textarea{ font-size:13px;size:none;}