字段集<legend>的默认CSS值

Question

我正试图在<legend>一个内部使用一个标题<fieldset>.

在IE以外的浏览器中,<legend>它位于<fieldset>文本的顶部边框上,文本完美地以线条为中心.

我正在尝试重置它的位置,以便它就像任何其他元素一样.即一个<h3>.

这是我到目前为止的CSS.

fieldset legend {
    margin: 0;
    padding: 0;
    position: static;
    border: 0;
    top: auto; left: auto;
    float: none;
    display: block;
    font-size: 14px;
    line-height: 18px;
}

但传奇仍然完美地集中在线上.

是的,我可以添加边距/填充/顶部坐标,但我想知道浏览器是否具有触发此布局的元素的任何默认值.我想要覆盖这些值.

在Firefox(3.6.10),Chrome(6.0.472.63),Safari(5.0.2)中测试

更新 我将把这个问题留待一个星期,以防万一有人能够设计<legend>元素.如果找不到解决方案,我会接受@ jnpcl的回答.

Answer 1

这就够了 :

 form legend{
    float: left;
    width: 100%;
 }

Answer 2

https://web.archive.org/web/20140209061351/http://tjkdesign.com/articles/how_to_position_the_legend_element.asp

简而言之,跨浏览器不可能将LEGEND元素放置在Fieldset中.

解决方法:从<legend>a中包装文本<span>,然后重新定位<span>.