IE8中没有字段集填充顶部

时间:2012-11-03 20:16:33

标签: html css forms padding fieldset

样本表格:

<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
fieldset {padding: 50px;}
</style>
</head>
<body>
<form>
 <fieldset>
  <legend>Form</legend>
  <p>
  <label for="name">Name </label><input id="name" type="text">
  </p>
  <p>
  <label for="email">Email </label><input id="email" type="text">
  </p>
 </fieldset>
</form>
</body>
</html>

它适用于所有主流浏览器,但IE8中没有填充顶部。任何跨浏览器的解决方案?

1 个答案:

答案 0 :(得分:3)

这似乎是IE旧版本中的一个错误,可能是由legend元素(嵌套在fieldset内部但以特殊方式呈现)引起的一些混淆造成的,因此填充得到了错位于表格之上。我可以在Quirks模式和IE 8和IE 7仿真模式下或多或少地重现IE 9上的问题。

作为解决方法,请勿在{{1​​}}元素上设置顶部填充。相反,在其中的第一个普通元素上设置一个上边距(不包括fieldset元素)。