Angular ngx引导中的自定义选项卡

Angular ngx引导中的自定义选项卡,angular,twitter-bootstrap-3,bootstrap-4,ngx-bootstrap,Angular,Twitter Bootstrap 3,Bootstrap 4,Ngx Bootstrap,我正在尝试为ngx引导的选项卡添加定制样式,以实现angular。 我想要两样东西 1) 要删除边界线,请执行以下操作: 2) 将底色返回到活动选项卡 但似乎什么都不管用 HTML代码 解决方案是什么?尝试向组件元数据添加封装:视图封装。无,或使用:ng deep前缀 ::ng-deep .customClass > a { } 如果您想更改活动选项卡的CSS,这里是CSS。不要忘记添加!重要的 .modal-heading{ background-color: #038F43; hei

我正在尝试为ngx引导的选项卡添加定制样式,以实现angular。 我想要两样东西 1) 要删除边界线,请执行以下操作: 2) 将底色返回到活动选项卡

但似乎什么都不管用

HTML代码
解决方案是什么?

尝试向组件元数据添加
封装:视图封装。无
,或使用
:ng deep
前缀

::ng-deep .customClass > a {
}

如果您想更改活动选项卡的CSS,这里是CSS。不要忘记添加!重要的

.modal-heading{
background-color: #038F43;
height: 30px;
color: #fff;
margin: 5px 0px 10px 0px;
}
.nav-tabs .nav-link{
background-color: #0d1323;
border: 1px solid #0d1323;
color: #fff;
font-size: 12px;
}
.nav-tabs .nav-link:hover{
background-color: gray;
}

.nav-tabs .nav-link.active{
background-color: #038F43 !important;
color: #fff !important;
font-size: 12px;
}
.nav-tabs .nav-link.active:hover{
background-color: gray;
}



and Small change in .Ts File,Add encapsulation: ViewEncapsulation.None

import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';

@Component({
  selector: 'app-add-edit-golf-league-manager',
  templateUrl: './add-edit-golf-league-manager.component.html',
  styleUrls: ['./add-edit-golf-league-manager.component.css'],
  encapsulation: ViewEncapsulation.None
  })

我的回答有用吗?非常抱歉,但没有。你能在stackblitz上重现你的问题吗?
::ng-deep .customClass > a {
}
.modal-heading{
background-color: #038F43;
height: 30px;
color: #fff;
margin: 5px 0px 10px 0px;
}
.nav-tabs .nav-link{
background-color: #0d1323;
border: 1px solid #0d1323;
color: #fff;
font-size: 12px;
}
.nav-tabs .nav-link:hover{
background-color: gray;
}

.nav-tabs .nav-link.active{
background-color: #038F43 !important;
color: #fff !important;
font-size: 12px;
}
.nav-tabs .nav-link.active:hover{
background-color: gray;
}



and Small change in .Ts File,Add encapsulation: ViewEncapsulation.None

import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';

@Component({
  selector: 'app-add-edit-golf-league-manager',
  templateUrl: './add-edit-golf-league-manager.component.html',
  styleUrls: ['./add-edit-golf-league-manager.component.css'],
  encapsulation: ViewEncapsulation.None
  })