スタイルngBootstrapツールチップ

Question

私は、スタイルを設定しようとしている角度4のコンポーネントに簡単なngBootstrapツールチップを持っています。その他の質問によると、これはうまくいくはずです：

.tooltip-inner { 
    background-color: #00acd6 !important; 
    /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/ 
    color: #fff; 
} 

しかし、それは効果がありません。ツールチップ内のクラスがツールチップ内で使用されているが、適用されていないことを確認しました。

Answer 1

This Plunkerはどのようにng-bootstrapツールチップをスタイルすることができるかを示しています。キーは、子コンポーネントにスタイルを強制的に** /deep/または::ng-deepを使用することです：デフォルトでは

::ng-deep .tooltip-inner { 
    background-color: #00acd6; 
    color: #fff; 
} 

、角度は、あなたがそれらを教えない限り、スタイルが子コンポーネントに親から伝播しないことを意味しますエミュレートview encapsulationを使用しています（例えば、::ng-deepを使用して）。リンクによると、これはまた、将来

に廃止される予定ですが、

** /deep/は今、deprecated in Angular 4.3.0と::ng-deep好ましいました