css - 从图例元素中删除字段集边框和框阴影

Question

我正在尝试从图例所在的区域移除背景线和阴影。在 legends 属性中将背景设置为透明后，我仍然可以看到线条。我的代码如下

HTML:

<fieldset>
<legend>text goes here</legend>
</fieldset>

CSS:

fieldset {
        margin:20px;
        padding:0 10px 10px;
        border:1px solid #666;
        border-radius:10px;
        box-shadow:0 0 10px #666;
        padding-top:10px;
 }  
 legend {
     margin: 0px 5px;
     padding: 5px;
     white-space: nowrap;
     background: transparent ; 
     font-weight: bold;
     font-size: 2em;
 }

关于如何解决这个问题有什么建议吗？

Answer 1

这样就可以了

fieldset {
    border: 0;
}