初始导航选项卡未正确显示

Question

我正在尝试更改“活动”导航选项卡的背景，并且我希望非活动选项卡具有白色边框。单击时背景颜色发生变化，问题是如果我将初始选项卡类设置为“活动”整个背景为白色：

var resultOrError = GetValidationResult(...)
                    .MapLeft(Prelude.toString)
                    .Bind(validated => ApiCall(...)
                                       .ToEither("api call failed"));

如果我从类中删除“active”，它会显示但背景颜色不显示：

单击非活动选项卡，然后单击初始选项卡后，背景颜色按预期工作：

但非活动标签没有边框。

这是我的css：

<a id="assessmentTab" class="nav-link active" data-toggle="tab" href="#kt_portlet_tab_1_1" role="tab" aria-selected="true" style="color: white;" >

这是我的 HTML：

.nav-tabs > li >a{
border-color: #fff;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background-color: #FFAE3B;
}