fieldset中的border-radius不起作用 [英] border-radius in fieldset doesn't work

问题描述

我不知道为什么这不工作。这里是CSS代码：

I have no more idea why this doesn't work. Here is the CSS code:

#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>

但是iIused border-radius在表中。令人惊讶的是，它的工作原理！所以我不认为这是浏览器的事情。顺便说一句，我使用IE9。谢谢。

But iIused border-radius in table. Surprisingly, it works! So I don't think it is browser matter. By the way, I'm using IE9. Thank you.

推荐答案

您没有关闭字段设置标签。您应该改为

You did not close your fieldset tag. You should instead have

< 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 ）。

And if you ever need to check CSS properties for compatibility, the Mozilla Developer Network has a comprehensive list - https://developer.mozilla.org/en-US/docs/Web/CSS/Reference).

这篇关于fieldset中的border-radius不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！