Css 我想在我的字段集上有一些跨浏览器的一致性，你知道我怎么做吗？

我对字段集有这个问题。。。看看

有可能用css实现我想要的吗？？？相信我，我试过了

正如你在img上看到的，我只是希望图例的外观在不同浏览器中保持一致，我希望它使用的字段集宽度不多（如chrome和ie）不少（如firefox），不必担心圆角和其他问题，这已经解决了

这是我用的核心

CSS

字段集{margin:0 0 10px 0；padding:0；边框：1px纯银；背景色：#f9f9f9；-moz边框半径：5px；-webkit边框半径：5px；边框半径：5px}
字段集p{clear:两者；边距：.3em 0；溢出：隐藏；}
字段集标签{float:left；width:140px；display:block；文本对齐：right；padding-right:8px；margin-right:2px；color:#4a4a4a；}
字段集输入，字段集文本区域{margin:0；border:1px solid#ddd；padding:3px 5px 3px 5px；}
字段集图例{
背景：C6D1E8；
位置：相对位置；
左：-1px；
保证金：0；
宽度：100%；
填充：0px 5px；
字体大小：1.11em；
字体大小：粗体；
文本对齐：左对齐；
边框：1px纯银；
-webkit边框左上半径：5px；
-webkit边框右上角半径：5px；
-左上角moz边界半径：5px；
-moz边框半径右上角：3px；
边框左上半径：5px；
边框右上角半径：5px；
}
#md{宽度：400px；}

HTML

一些头衔

登录


密码

字段集和图例因难以/不可能进行样式设置而臭名昭著，尤其是跨浏览器。看起来IE问题可能部分是由于以下原因造成的

就我个人而言，我会承认失败，并将图例设置为

display:hidden在字段内创建标题时设置为圆角样式

    <style type="text/css">
        fieldset {margin: 0 0 10px 0;padding: 0; border:1px solid silver; background-color: #f9f9f9; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
        fieldset p{clear:both;margin:.3em 0;overflow:hidden;}
        fieldset label{float:left;width:140px;display:block;text-align:right;padding-right:8px;margin-right: 2px;color: #4a4a4a;}
        fieldset input, fieldset textarea {margin:0;border:1px solid #ddd;padding:3px 5px 3px 5px;}
        fieldset legend {
            background: #C6D1E8;
            position:relative;
            left: -1px;
            margin: 0;
            width: 100%;
            padding: 0px 5px;
            font-size: 1.11em;
            font-weight: bold;
            text-align:left;
            border: 1px solid silver;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 3px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        #md {width: 400px;}
    </style>

    <div id="md">
        <fieldset>
            <legend>some title</legend>
            <p>
                <label>Login</label>
                <input type="text" />
            </p>
            <p>
                <label>Password</label>
                <input type="text" />
            </p>
            <p><label>&nbsp;</label>
                <input type="submit">
            </p>
        </fieldset>
    </div>