javascript - 狭いテキストエリアの上下キー

Question

私はこの jsbin を持っています: http://jsbin.com/ezuzan/2
HTML:

<div>
    <textarea>press up and down</textarea>
</div>

CSS:

div {
  height: 20px;
  overflow: hidden;
}

textarea {
  height: 30px;
  font-size: 30px
}

テキストエリアにフォーカスして上下に押すと、テキストが移動します。div と textarea の高さを変更せずにそれを防ぐにはどうすればよいですか?

Answer 1

overflow:hiddenテキストエリアにスタイルを追加する

テキストエリア{
高さ：30px;
フォントサイズ: 30px;
オーバーフロー: 非表示;
}