HTML输入文本框鼠标拖动上下滚动

Question

我试图用下面的 js fiddle 复制我在我的网站上遇到的问题，但没有成功。

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

}

出于某种原因，在网站上，当用户单击并按住鼠标按钮时，他们可以上下滚动输入文本。这就像能够上下拖动 js fiddle 示例中的“h”但仍在文本框中。

什么会导致这种行为？我希望该网站像 js fiddle 一样运行，但无法弄清楚该网站会有什么不同。

Answer 1

box-sizing、display 或 line-height 属性会在您获得可滚动文本时浮现在脑海中。打开 Web 开发控制台(Firefox 中的 Firebug 或 Chrome 中的 CTRL+SHIFT+J)，使用元素选择器选择元素，然后开始禁用属性，直到效果停止。请记住，它也可以是属性的组合。