奇怪的FIrefox输入问题

时间:2010-03-09 19:03:41

标签: html css firefox

我在Firefox中的文本输入字段中垂直定位文本时遇到问题。我设法让它在除Firefox之外的每个浏览器中都能运行:

alt text 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 :(得分:0)

.subject不会从其他地方继承一些填充。将行高和高度设置为相同对我来说一直很有用。

您可以检查FireBug中的元素以查看正在应用的样式。