如果用鼠標拖動，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 

} 

對於網站上的一些原因，當用戶點擊並按住鼠標按鈕，他們可以滾動輸入文本並下。這就像能夠在js小提琴示例中上下拖動'h'，但仍然在文本框內。

什麼可能導致此行爲？我希望該網站能夠像js小提琴一樣運作，但無法弄清楚網站會有什麼不同。

Answer 1

box-sizing,display或line-height屬性讓人想起如果你正在滾動文本。打開Web開發控制檯（Firefox中的Firebug或Chrome中的CTRL + SHIFT + J），使用元素選擇器選擇元素，然後開始禁用屬性，直至停止。請記住它也可以是屬性的組合。