1

我希望设置我的字段集的样式，使它们具有实心边框。

所以我把它设计成这样...

fieldset {
    margin: 5px;
    padding: 20px;
    border: solid orange;
    border-width: 30px 1px 1px 1px;
}

fieldset legend {
    background-color: orange;
    line-height: 30px;
    /* uncomment line below for IE8 */
    /* margin-top: -50px; */
}

在大多数浏览器（IE9、Chrome、FF14）上看起来像这样......

它应该是什么样子

我无法让它在 IE8 上运行。我添加了一个 -ve 边距以正确对齐图例，但图例的每一侧仍有 2 个垂直白条，我无法摆脱......

在 MSIE8 上

小提琴... http://jsfiddle.net/spiderplant0/NmwuC/

任何想法如何摆脱 IE8 上的白条（我不关心 IE7、IE6 等）？

（顺便说一句，HTML 是由 Drupal 框架生成的，所以我更喜欢不涉及更改 HTML 的解决方案。）

4

1 回答 1

2

我检查了它并更改为IE8。检查http://jsfiddle.net/NmwuC/16/

这仅适用于 IE8。

于 2012-07-25T13:25:10.170 回答