IE，Chrome和Firefox中的Fieldset

Question

此代码在IE和Chrome中运行良好，除了firefox..i已经刮了我的头发来调整IE和Chrome中的字段集，但最后我发现“尝试我”已经用完了 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元素因跨浏览器的样式而臭名昭着。

我最好的建议是使用h2之外的legend，也可以使用legend，但要将其隐藏起来（text-indent: -9999px）（屏幕阅读器应该仍然能够访问其语义上的好处）。