Блог

Главная - Вопросы по программированию - Разница в высоте строки в IE9 в текстовых областях

Разница в высоте строки в IE9 в текстовых областях

#html #css #internet-explorer #browser #textarea

#HTML #css #internet-explorer #браузер #текстовая область

Вопрос:

У меня есть TEXTAREA , где интервал очень важен. Я отформатировал его следующим образом:

 TEXTAREA {
  font-family: Tahoma, Arial; 
  font-size: 8pt; 
  letter-spacing: 0px; 
  line-height: 13px;
}

Как, если я ввожу какой-либо текст, высота строки применяется неправильно: последняя строка каждого абзаца (перед нажатием enter или shift-enter) равна одному пикселю:

Аннотированный скриншот

Эта проблема возникает только в Internet Explorer 9, а не в Firefox 7 или Chrome 14 (пока не тестировал более старые версии).

Есть ли способ избавиться от thad?

КСТАТИ: это не происходит для последней строки текстовой области, если за ней нет разрыва строки.

С уважением, Штеффен

Ответ №1:

Я знаю, что это может не помочь полностью и не быть полным ответом, но, возможно, стоит немного почитать об использовании !important объявления в CSS.

http://www.impressivewebs.com/everything-you-need-to-know-about-the-important-css-declaration/

Единственная причина, по которой это приходит на ум, заключается в том, что может быть другой стиль / объявление, который применяется после чего вызывает какую-то проблему, и это гарантирует, что к вашей текстовой области применены правильные стили.

Вы также можете проверить, что любые <p> объявления CSS не вызывают конфликтов / проблем с какими-либо нижними или верхними полями / отступами? То же самое относится к span или любым другим стилям, которые потенциально могут вызвать какие-то проблемы.

Как я уже сказал, я знаю, что это может ни в малейшей степени не помочь, но это может быть возможно.

Ответ №2:

У меня были похожие проблемы с последней строкой в текстовой области в IE8. Когда моя текстовая область имела высоту строки менее 18 пикселей, курсор менял высоту строки. Причина, по которой я поднимаю этот вопрос, заключается в том, что ваша высота строки в 13 пикселей довольно мала. Возможно, вы захотите поэкспериментировать с большей высотой строки, чтобы увидеть, исчезнет ли проблема.

Ответ №3:

Я только что прошел много раундов с этой проблемой и, наконец, обнаружил, что IE9 добавляет дополнительные дополнения к текстовым областям. Высота строки, высота и т.д. не имели никакого эффекта. Это сделало свое дело:

 padding: 0px !important;