html - 无法使用 Bootstrap 从 Angular 4 中的选项卡中删除选项卡边框

Question

我正在使用 angular 4 的 ngx-bootstrap，选项卡可见 我想删除底部边框。 This border

tab>active {
  color: rgb(58, 45, 128)
}

tabset {
  margin: 0;
  outline: 0;
  border-bottom: 0px;
}

<div>
  <tabset>
    <tab heading="Home"></tab>
    <tab heading="Profile"></tab>
    <tab heading="About us"></tab>
  </tabset>
</div>

Answer 1

为什么不像下面这样完全去掉边框呢？这不像是用自己的边框突出显示的选项卡。

tabset{
margin: 0;
outline: 0;
border:none !important;
}

编辑:由于应用样式表的顺序很重要，因此您可以在 style.css 中继续遵循代码。您可以将 id 用于包含这些选项卡的 div 元素子集，然后应用 border-bottom:none;到仅指向具有匹配 id 的 div 的选项卡集的 css 代码。例如

#myDiv > tabset
{
    margin: 0;
    outline: 0;
    border-bottom:none !important;
}