Прокрутка текстового поля ввода

Question

У меня сейчас проблема с HTML <input type="text">, как в браузере Google Chrome, если я использую приведенный ниже CSS, когда я набираю текст в поле, я могу выделить текст и перетащить его вверх и вниз, как будто он прокручивается немного на 2 пикселя, из-за того, что текст больше, чем поле ввода.1005 * Большое спасибо!

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, а затем поместите, иначе, если вы делаете это с меткой, используйте отрицательное поле для метки, чтобы приблизить ввод к нему.