ngb-bootstrapタブにスタイルを与える方法

Question

現在、ng-bootstrapをAngular 2プロジェクトに使用しています。 ngb-tabで丸薬の色を変更する必要があります。私は、ラベルのスタイルを要素に置こうとしましたが、動作しません。手伝って頂けますか？

例：

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

よろしく！

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ヒット）問題ではない場合は、正しい要素の色を実際に変更しようとしているかどうかをDOMで調べてください。

Answer 2

あなたのプロジェクトのグローバルCSSファイルにCSSを書き込んでください。または、インポートファイル "styleUrls：['./ example.component.css']を削除し、CSSクラスをスタイル：['.example {Some css ...}']