我有溢出的文本区域:隐藏;风格。
但是,每当我按下向上/向下箭头时,文本区域就会滚动一点。
有什么方法可以禁用此卷轴吗?
这是 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>
我可以放大高度,但在我的情况下我不能。有什么办法可以避免这种卷轴吗?
最佳答案
这是因为当尝试应用较小的字体时,字体大小大于 textarea 的高度,font-size: 30px;
将正常工作。除了这个你的代码很好@Naor
关于html - textarea 禁用向上/向下箭头滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14261199/