技術メモのかけら

内容はもとより調べたことすら忘れてしまうので個人的な技術メモを残しているブログです。Qiitaの記事にするほどでもない細かいネタを投稿します。

Textareaをリサイズできないようにする

Chrome、Fire Foxはテキストエリアがリサイズできてしまう。

可能なのは良いけど、デフォルトがリサイズ可能なのは困るケースが結構ある。
調べたら、こんな感じにCSSで制御可能なようだ。

textarea {
  resize: none;
}

幅のリサイズだけを可能にしたり

textarea {
  resize: horizontal;
}

高さのリサイズだけを可能したりもできる。

textarea {
  resize: vertical;
}

ただ、Fire Fox はマウスカーソルの形で区別できるが、Chromeは見た目で分からないのでとても使いづらい。