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 样式到你的文本区域

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