Angular ngx引导中的自定义选项卡
我正在尝试为ngx引导的选项卡添加定制样式,以实现angular。 我想要两样东西 1) 要删除边界线,请执行以下操作: 2) 将底色返回到活动选项卡 但似乎什么都不管用 HTML代码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
解决方案是什么?尝试向组件元数据添加
封装:视图封装。无,或使用: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
})