html - IE、Chrome 和 Firefox 中的字段集

Question

此代码在 IE 和 Chrome 中工作正常，除了 firefox..我一直在抓头发来调整 IE 和 chrome 中的字段集，但最后我发现“TRY ME”已经用完了 在 IE 和 Chrome 中的位置非常不同。对此有什么解决方案吗？

CSS

fieldset 
{
margin: 0 0 1em 0;
width:490px;
border: 5px solid Black;
}

html

<fieldset>
<legend>
    <h2>
     TRY ME
    </h2>
</legend> 

Answer 1

legend 元素在跨浏览器样式方面是出了名的糟糕。

我最好的建议是在 legend 之外使用 h2，也许也可以使用 legend，但是将它隐藏起来(text-indent: -9999px)(屏幕阅读器应该仍然能够访问其语义优点)。