フォーム入力のtextarea幅をコントロールする方法

カテゴリー︎: 【CSS】・【なるほど!】

フォームページで入力textarea幅を簡単にコントロールする方法。

before
↓↓↓textareaを横ドラッグすると、横幅が伸びてかっこ悪い。

なので、textareaを固定して

textareaの横幅もいじれないかな〜とおもって

クラス名をつけたらできた。
【css】

textarea.yokohaba {
    width: 400px;//横幅
    resize: none;//横幅固定
    resize: vertical;//縦にのびる 
}

【html】

<textarea class="yokohaba" name="ご質問" cols="50" rows="5"></textarea>

after
↓↓↓これで、textareaの横幅は変更(ドラッグ)不可、だが縦は伸びる。

おためしあれ。

PAGE TOP