[CSS] IE_html/css_WEB-ITnose の複数行テキスト ボックス Textarea の垂直スクロール バーを非表示にする

「[CSS] Google Chrome で複数行テキスト ボックスの定義と調整を許可することを禁止する」(クリックするとリンクが開きます) では、一部の DOM2 ブラウザで複数行テキスト ボックス Textarea を修正する方法について説明しました。

いいえ、複数行のテキスト ボックス Textarea にも IE のスタイルの欠陥がいくつかあります。

次のような、何も定義されていない普通のテキスト ボックス:

<textarea cols="30" rows="3"></textarea>

テキストが入力されていない場合、IE での効果は左側と同じですが、特に一部の If では非常に見苦しいです。ユーザーにあまりにも多くのテキストを入力するつもりはありません

次のように overflow-y:hidden; を追加できます:

<textarea cols="30" rows="3" style="overflow-y:hidden;"></textarea>

が取得するのは右側の結果です。

著作権声明: この記事はブロガーによるオリジナルの記事であり、ブロガーの許可なく複製することはできません。