在狭窄的textarea上下键

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
}

当我专注于textarea并向上和向下按压时，文本移动。如何在不改变div和textarea的高度的情况下防止它？

Answer 1

将overflow:hidden样式添加到textarea

  

textarea {
      高度：30px;
      font-size：30px;
      溢出：隐藏;
  }