javascript - 禁用输入类型文本的水平滚动

Question

我有只读的输入文本，它可能包含长文本。我正在尝试使用 css 来禁用用户使用鼠标水平滚动，但似乎没有任何效果。感谢您的帮助。

Answer 1

我认为 <textarea>标签对于长文本更准确。

也许这样的事情可以帮助你:

textarea{
  width: 50px;
  height: 50px;
  overflow: hidden;
  resize: none
}

<form>
  <textarea>
    Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello 
  </textarea>
</form>

编辑:在输入只读时，您可以使用指针事件:无见:

input{
    pointer-events: none;
}

https://codepen.io/zecka/pen/KKKxrBv