[CSS] Google ブラウザで複数行のテキスト ボックスの定義と調整を禁止する_html/css_WEB-ITnose

ご存知のとおり、複数行のテキスト ボックス Textarea は、以下に示すように、自分で調整することはできません。調整したい場合は、大量のスクリプトを作成する必要があります。多くの場合、テキスト ボックスを開く必要がないため、ユーザーがテキスト ボックスを調整する場合、多くの場合、col 属性と row 属性を設定し、そのサイズを修正するだけで済みます。

ただし、Google Chrome の場合、通常の

<textarea></textarea>

は以下のように簡単に調整できます。

これにより、デバッグ方法がわからない場合があります。スタイルがうまく書かれていないのではないかと思いました。

これは Google Chrome のせいだと考えてもいいでしょう。何もすることがないときにこの複数行のテキスト ボックスを操作するようにユーザーに指示したのは誰ですか?

ただし、上の図の右側のテキスト ボックスに示すように、最後に style="resize:none" を追加すると、ユーザーは Google Chrome でドラッグできなくなります。

上の 2 つの画像は、実際には次のコードです:

<textarea></textarea>

は、style="resize:none" が IE では効果がないことがわかります。