无法使用引导程序从 Angular 4 中的选项卡中删除选项卡边框

Question

我正在使用 ngx-bootstrap 和 angular 4 ，标签可见我想删除底部边框。 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;
}