html - textarea 禁用向上/向下箭头滚动

Question

我有溢出的文本区域:隐藏；风格。
但是，每当我按下向上/向下箭头时，文本区域就会滚动一点。
有什么方法可以禁用此卷轴吗？

这是 jsfiddle:http://jsfiddle.net/6bV3W/

如果您按向上和向下键，文本会移动。

textarea {
        border: 1px solid black;
        width: 160px;
        height: 60px;
        font-size: 65px;
        background-color: transparent;
        color: inherit;
        display: block;
        font-family: inherit;
        line-height: 1;
        min-width: 30px;
        overflow: hidden;
        resize: none;
        text-transform: uppercase;
        white-space: pre;
    }

<textarea spellcheck="false" class="draggable"></textarea>
    

我可以放大高度，但在我的情况下我不能。有什么办法可以避免这种卷轴吗？

Answer 1

这是因为当尝试应用较小的字体时，字体大小大于 textarea 的高度，font-size: 30px; 将正常工作。除了这个你的代码很好@Naor