【问题标题】:Strange FIrefox input problem奇怪的火狐输入问题
【发布时间】:2010-03-10 03:07:51
【问题描述】:

我在 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>

【问题讨论】:

    标签: html css firefox


    【解决方案1】:

    .subject 没有从其他地方继承一些填充。将 line-height 和 height 设置为相同一直对我有用。

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

    【讨论】:

    • 嗯,这很奇怪 - 我已将其放入 firebug 中,并且似乎没有继承任何会干扰默认填充的内容。我想知道是否还有其他问题。为了将来参考,我正在谈论的页面可以在这里找到:current-post.com/qmail/compose.html
    • 看起来你对不继承填充是正确的 - 我明白了,谢谢!
    猜你喜欢
    • 2012-08-30
    • 1970-01-01
    • 2011-06-29
    • 1970-01-01
    • 1970-01-01
    • 2011-06-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多