如果使用鼠标拖动，HTML输入文本框会上下滚动

Question

我试图通过以下js小提琴复制我在我的网站上遇到的问题，但无法解决。

http://jsfiddle.net/YD6PL/116/

HTML：

<input class="givenLetters" type="text" value="h" disabled>

CSS：

.givenLetters {
width: 40px;
height: 40px;
text-align:center;
font-style:italic;
font-weight:bold;
text-decoration:underline

}

出于某种原因，当用户点击并按住鼠标按钮时，他们可以在网站上上下滚动输入文本。这就像能够拖动＆＃39; h＆＃39;在js小提琴示例中上下，但仍在文本框中。

什么可能导致这种行为？我希望网站能够充当js小提琴，但无法弄清楚网站会有什么不同。

Answer 1

如果您正在获取可滚动文字，则会想到box-sizing，display或line-height属性。打开Web开发控制台（Firefox中的Firebug或Chrome中的CTRL + SHIFT + J），使用元素选择器选择元素，然后开始禁用属性，直到效果停止。请记住，它也可能是属性的组合。