ввода текста прокрутки

В настоящее время я имею проблему с HTML <input type="text">, как в браузере Google 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

Указать:

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

И специально для IE указать:

input{ vertical-position:bottom; }

иначе IE будет отображаться текст в верхней части ввода.

источник

2011-04-13 11:19:23 Dean

ввода текста прокрутки

ответ

Смежные вопросы