css - Bootstrap Angular 半径覆盖我的外部 div 面板 Angular

Question

我想要我的 Bootstrap 面板上的圆 Angular 。但是，当我将外部 div 设置为圆 Angular 时，它们会被具有 3px Angular 的 panel-body 和 panel-header 覆盖。我该如何覆盖它，即阻止正文/页眉设置 Angular ，而不是我为每个正文和页眉设置所有四个 Angular ？

我也先将正文背景设置为浅蓝色:

.panel-body {
    background: #d9edf7;
}

这是html

<div class="panel-group">
    <div class="panel panel-info" style="-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -ie-border-radius: 12px;
    -opera-border-radius: 12px;
    -chrome-border-radius: 12px;
    border-radius: 12px;">
        <div class="panel-heading"><h2>Don't have an account?</h2></div>
        <div class="panel-body">
                       register here!
        </div>
    </div>
</div>

谢谢。

Answer 1

添加溢出:隐藏

.panel-body {
    background: #d9edf7;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="panel-group">
    <div class="panel panel-info" style="-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -ie-border-radius: 12px;
    -opera-border-radius: 12px;
    -chrome-border-radius: 12px;
    border-radius: 12px; overflow: hidden;">
        <div class="panel-heading"><h2>Don't have an account?</h2></div>
        <div class="panel-body">
                       register here!
        </div>
    </div>
</div>