具有边框半径的子 div 在边框处显示父 div 的颜色

Question

我有 2 个 div，一个是父 div，第二个是子 div，如下

@foreach($users as $user)
<p> {{ $user->roles->title??null }} </p>
@endforeach

.outer{
    background: #211182;
    height: 50px;
}

.inner{
    height: 50px;
    border-radius: 60px 0 0 0;
    background: #f9f9f9
}

只有子 div 有边界半径。 它在子 div 的边框显示父背景颜色，这是不期望的。 我试过 <div class="outer"> <div class="inner"> </div> </div> ，也试过 overflow: hidden 和 border : none 和 border-width : 0 但没有运气。 请帮我解决这个问题。 附上结果截图。