输入文本框滚动

目前我有一个问题与HTML <input type="text">，如谷歌Chrome浏览器，如果我用下面的CSS，当我键入文本框，我能够突出显示文本和将其上下拖动，就好像它正在滚动一点点2px，由于文字大于输入框。输入文本框滚动

任何人都可以帮助我解决我的问题，并防止拖动滚动上下2px？

非常感谢！

input { 
    border: 0px; 
    font-family: "Courier New", Courier, monospace; 
    font-size: 13px; 
    color: inherit; 
    margin: -1px; 
    background: none; 
}

来源

2010-12-16 initialshl

您有一个负边界。这不是说文本区大于它的大小吗？ – Robert 2010-12-16 04:31:06

我正在尝试使输入框完全适合文本输入，如果您看到所有输入框都没有小的1px边距。 – initialshl 2010-12-17 05:38:10

任何人都可以帮我吗？这里是我的问题的一个例子：http://picopicopixel.com/index.html – initialshl 2010-12-17 06:58:59

input { 
    border: 0px; 
    font-family: "Courier New", Courier, monospace; 
    font-size: 13px; 
    color: inherit; 
    margin: -1px; 
    background: none; 
    line-height:10px 
}

减少线路高度应解决您的问题。并且不要在文本框上使用负边距。如果要定位它，请将其包装在一个div中然后放置，否则如果您使用标签进行定位，请使用负边距标签将其拉近。

来源

2010-12-16 04:49:57 Tarun

嗨！感谢您的帮助。但我仍然无法解决我的问题。我尝试使用10px，1px和0px行高，但它仍然无法工作。我试图使它与Courier字体的文本看起来一样，因为输入框会在所有边缘将它们分开。我仍然可以在各种行高中在Chrome中上下拖动和滚动它们。 – initialshl 2010-12-16 06:38:07

请给我链接到您的网页 – Tarun 2010-12-16 06:50:40

嗨，它可以在http://picopicopixel.com/index.html找到谢谢！ – initialshl 2010-12-16 07:39:19

指定：

input{ vertical-position:middle; line-height: * your input field height * }

而且专门为IE指定：

input{ vertical-position:bottom; }

否则IE将显示在输入的上部的文本。

来源

2011-04-13 11:19:23 Dean

为我调整行高固定的东西。 IE不喜欢输入框的行高>高度。 – 2011-04-18 17:16:52

指定：line-height ==输入框的高度。这应该解决它 – Dean 2011-04-20 10:01:41

输入文本框滚动

回答

相关问题