Question

目前我正在使用 ng-bootstrap 进入Angular 2项目。我需要在 ngb-tab 上更改药片颜色。我尝试在元素上添加标签样式，但它不起作用。你能救我吗？

实施例：

＆＃13;

<ngb-tab *ngIf="isNotPending" style="background-color: rgb(255, 255, 255)">
    <template ngbTabContent>
       <div id="img_centered" class="col-md-12">
         <img style="padding: 30px;" src="assets/images/happy.PNG" alt="Hello" >
        </div>
     </template>
</ngb-tab>

＆＃13;

问候！

Answer 1

您可以导入任何库ngb-tab所在的样式表，并且这些样式最终会在您的本地样式表之后加载。或者可能有一些ngb-tab的汇编正在添加其他元素。

根据问题，有两种方法可以解决此问题。

查找<link>标记和“CDN”。一旦它在您的本地项目样式表中，那么您可以修改它或者您也可以在本地样式表中使用!important声明：

ngb-tab { 
   background-color: rgb(255, 255, 255); /* come on brah, use #fff */
}

如果级联（ CSS = C ascading S tyle S heets）不是问题，那么检查你的DOM，看看你是否真的想要改变正确元素的颜色。

Answer 2

尝试这样做..在项目的全局CSS文件中编写CSS ...或删除导入文件“styleUrls：['。/ example.component.css']”并在component.ts文件中用样式编写CSS类：['。example {Some css ...}']

Answer 3

尝试此代码- 我尝试使用CSS，但是字体标签在这里有效。

 <ng-template  ngbTabTitle class="edittitle">  <font size="3" color="red">  <b>Edit</b></font> </ng-template>

如何为ngb-bootstrap选项卡提供样式

3 个答案: