Странная проблема ввода FIrefox - PullRequest
2 голосов
/ 09 марта 2010

У меня проблемы с вертикальным размещением текста внутри поля ввода текста в Firefox. Мне удалось заставить его работать в любом браузере, кроме Firefox:

альтернативный текст http://img696.imageshack.us/img696/2247/picture18h.png

Посмотрите, как текст «Fwd:» прижат к вершине? Мне нужно вертикально центрировать это внутри поля.

Вот мой css:

.subject {
clear: right;
font-family: Helvetica, Verdana, Arial, sans-serif;
height: 1.6em;
width: 500px;
font-size: .88em;
margin-bottom: 20px;
padding-left: 5px;
padding-top: 5px;
line-height: 1.5em;
padding-bottom: 0px;
}


.meta_str input {
float: left;
margin-left: 10px;
height: 1.6em;
border: 1px solid #dfdfdf;
}

HTML:

<li><div class="pre_box"><h4>Subject:</h4></div><input type="text" class="subject" value="Fwd:"/><div class="clear"></div></li>

1 Ответ

0 голосов
/ 09 марта 2010

.subject не наследует некоторые отступы из других источников. Установка одинаковой высоты и высоты строки всегда работала для меня.

Вы можете проверить элемент в FireBug, чтобы увидеть, какие стили применяются.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...