Question

我目前遇到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;
}

Answer 1

指定：

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

特别针对IE指定：

 input{ vertical-position:bottom; }

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

Answer 2

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

降低线高应解决您的问题。并且不要在文本框上使用负边距。如果你想定位它，将它包装在一个div然后定位，否则如果你用标签做，用标签的负边距将输入拉近它。

输入文本框滚动

2 个答案: