角材 - 拡張パネルタイトルスタイル

Question

タイトル角ダーツ素材 - 拡張パネルのスタイルを変更したいと思います。私は、次のCSSを使用している場合は、コンテンツのスタイルの変更（p.ex.ラジオ・グループ）が、タイトルのスタイルを変更しない

。

material-expansionpanel { 
    font-weight: bold; 
} 

タイトルのスタイルを変更するにはどうすればよいですか？

Answer 1

をカプセル化を解除するには、mixinまたは:: ng-deepのいずれかを使用する必要があります。これにはミックスインがないので、あなたはできます。

:host ::ng-deep header .primary-text { 
    font-weight: bold; 
} 

:hostは、それが漏れないように現在のコンポーネントにスコープを維持することです。 ::ng-deepはカプセル化を中断し、残りはセレクタです。

Answer 2

私は前にAngularDartを使ったことがないが、例から、私はあなたが拡張パネル・ヘッダースタイルをpanel-nameクラスをターゲットにすると思う：スタイルがカプセル化されているので

.panel-name { 
    font-weight: bold; 
}