html - テキストエリアのCSSは、テキストエリアの高さを最初の行の高さに広げますか?

Question

テキストエリアの高さをテキストエリアの高さと一致させるにはどうすればよいですか? 基本的にテキストフィールドのように見えます。再利用できない方法は、高さ属性をいじって、テキストエリアが 1 行だけにまたがるように見せることですが、再利用可能な方法はありますか?

CSS 属性の height: auto を使用すると、2 行にまたがります。

Answer 1

行属性があります

<textarea rows="1"></textarea>​​​​​​​

フィドル

ただし、Firefox では機能しないようです。多くのブラウザーでは、ユーザーは単純に texarea のサイズを変更できます。