Html CSS圆角边框不适用

顺便说一句，我用的是角度和引导

问题是，我被路由到我的模板“main.html”，它应该将此样式应用于我的一个表单：

.main-form{
    margin-top: 15px;
    margin-left: 10px;
    border-radius: 13px 13px 13px 13px;
    -moz-border-radius: 13px 13px 13px 13px;
    -webkit-border-radius: 13px 13px 13px 13px;
    border: 0px solid #000000;
}

但是表单永远不会得到边界规则。它同时应用两个边距，但忽略其余边距

这是我的HTML模板（如您所见，这是出于测试目的）：

这是一个很好的例子。
表格标题
标签
提交

为什么它不应用CSS边界规则，即使它们出现在Firefox的开发者控制台上？它是否与角度或引导有关？我想不应该

---

提前谢谢你

只需将您的类添加到表单中即可

.main表单{
边缘顶部：15px；
左边距：10px；
边界半径：13px；
边界：无；
背景：#eee；
填充：10px；
}

表格标题
标签
提交

只需将类添加到表单中即可

.main表单{
边缘顶部：15px；
左边距：10px；
边界半径：13px；
边界：无；
背景：#eee；
填充：10px；
}

表格标题
标签
提交

因为您给出了

边框：0px

.main-form{
    margin-top: 15px;
    margin-left: 10px;
    border-radius: 13px 13px 13px 13px;
    -moz-border-radius: 13px 13px 13px 13px;
    -webkit-border-radius: 13px 13px 13px 13px;
    border: 10px solid #000000;
}

---

因为您提供了

边框：0px

.main-form{
    margin-top: 15px;
    margin-left: 10px;
    border-radius: 13px 13px 13px 13px;
    -moz-border-radius: 13px 13px 13px 13px;
    -webkit-border-radius: 13px 13px 13px 13px;
    border: 10px solid #000000;
}

• 这将应用于父div中的表单，而不是父div本身。（无需更改任何HTML）

• 使用

  边框：0px实心#000000未执行任何操作，因为它设置为0。如果不需要边框，只需使用
  border:nonediv的角仍然是圆角
  

• 您不需要对元素的所有4个角都使用速记，除非您希望在特定角处使用不同的圆角。如果希望它们都四舍五入相同，则半径只需要1个值

• 这将应用于父div中的表单，而不是父div本身。（无需更改任何HTML）

• 使用

  边框：0px实心#000000未执行任何操作，因为它设置为0。如果不需要边框，只需使用
  border:nonediv的角仍然是圆角
  

• 您不需要对元素的所有4个角都使用速记，除非您希望在特定角处使用不同的圆角。如果希望它们都四舍五入相同，则半径只需要1个值

---

---

您将类应用于外部div，而不是表单-这是设计的吗？如果您想要统一的舍入，只需要一次

边界半径：13px已足够，并将对所有4个角应用相同的13px。它可以来自您使用的引导。你能看看firebug中的继承性吗？你还没有给出边界值。你正在将类应用到外部div，而不是表单-这是设计的吗？如果你想要均匀的舍入，你只需要一次
边界半径：13px已足够，并将对所有4个角应用相同的13px。它可以来自您使用的引导。你能看看firebug中的继承吗？你还没有给出边界值。就这样。我现在也刚把它修好，但是你的例子更好！谢谢你：）！就这样。我现在也刚把它修好，但是你的例子更好！谢谢你：）<代码>边框
对
边框半径
没有影响。元素可以有无边框的半径！如果没有大小，如何给出
半径
@黑曜石半径适用于整个
背景
，即使元素没有边框。它是元素背景的剪辑，实际上并不影响边界。是的，我接受了，但在那里没有给出
背景
代码，也没有给出
边界
那么
半径如何
工作如果
背景
不可见，那么
边界半径
效果也将不可见。因此，
背景
是查看
边界半径
效果的关键。边框半径与剪切一张纸的角完全相同。
边框
对
边框半径
没有影响。元素可以有无边框的半径！如果没有大小，如何给出
半径
@黑曜石半径适用于整个
背景
，即使元素没有边框。它是元素背景的剪辑，实际上并不影响边界。是的，我接受了，但在那里没有给出
背景
代码，也没有给出
边界
那么
半径如何
工作如果
背景
不可见，那么
边界半径
效果也将不可见。因此，
背景
是查看
边界半径
效果的关键。边界半径与剪切一张纸的角完全相同。
.main-form form {
    margin-top: 15px;
    margin-left: 10px;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: none;
}