无法使用bootsrap从角度4中的选项卡中删除选项卡边框

Question

我正在使用角度为4的ngx-bootstrap，标签是可见的我想删除底部边框。 This border

＆＃13;

＆＃13;

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

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

为什么不完全摆脱边界如下？它不像标签以自己的边框突出显示。

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

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

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