输入元素上的CSS填充中断ie6 ie7

时间:2009-08-13 22:23:37

标签: css internet-explorer-6 internet-explorer-7

经过一番谷歌搜索和搜索,我似乎无法找到任何相关信息。

问题:

在ie6和ie7中,输入样式输入的文本显示为“切成两半”,其中一些文本在中间被剪掉,其余部分隐藏在输入底部的下方。

在输入中描绘单词FOOBAR。你只能看到单词的上半部分,下半部分隐藏在输入的底部。

输入元素:

<input name="email" size="40" type="text" id="email" class="input" />

造型:

input, select, textarea {
    font: 13px Verdana, Geneva, sans-serif;
}

input.input, textarea.textarea {
    padding: 10px;
}

当我在0-2px之间调整填充时,一切都很好。增加填充将文本向南推进。

所有其他主流浏览器都运行良好,只有ie6和ie7让我头疼。

没有其他风格可供使用。

1 个答案:

答案 0 :(得分:4)

这只发生在Quirks mode,因此请修复您的doctype。

看起来IE无法在怪癖模式下更改输入的高度,导致填充只是由于顶部填充而将文本移出视图。