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

时间:2018-01-13 10:13:52

标签: html css angular twitter-bootstrap ngx-bootstrap

我正在使用角度为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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

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

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;
}