html - 字段集中的边界半径不起作用

Question

我不知道为什么这不起作用。这是 CSS 代码:

#status 
{
 width: 865px;
 margin: 0 0 0 240px;
 float: left;
}

 #status fieldset 
 {
 width: 100%;
 border:1px solid #990000 ;
 padding: 10px;
 border-radius: 5px;
}

 #status fieldset legend 
 {
 padding: 5px 15px;
 background-color:#303030;
 color:#fff;
 }

HTML:

<div id="status"><fieldset><legend>Bla bla</legend><table class=""></table></div>

但是我在表格中使用了 border-radius。令人惊讶的是，它有效!所以我不认为这是浏览器的问题。顺便说一句，我正在使用IE9。谢谢。

Answer 1

您没有关闭您的字段集标签。你应该有

<div id="status"><fieldset><legend>Bla bla</legend><table class=""></table></fieldset></div>

如果您需要检查 CSS 属性的兼容性，Mozilla 开发者网络有一个全面的列表 - https://developer.mozilla.org/en-US/docs/Web/CSS/Reference ).