md-tabをAngular 2でカスタマイズする

Question

md-tabコンポーネントをAngular 2でスタイルするのに問題があります。Angular 2 Materialsはまだ開発中ですが、カスタマイズする方法があるかどうかを知りたい例：bottom-radiusを削除します。ここ はそのコードです：

<md-card> 
    <md-tab-group [selectedIndex]="1"> 
     <md-tab> 
     <template md-tab-label> 
      MY FILES 
     </template> 
     </md-tab> 
     <md-tab> 
     <template md-tab-label> 
      ALL FILES 
     </template> 
     </md-tab> 
     <md-tab> 
     <template md-tab-label> 
      MY INTERESTS 
     </template> 
     </md-tab> 
    </md-tab-group> 
</md-card> 

Answer 1

[OK]を私は知っています。これは、角度2が提供する改善のためです。私のコードは、私がスタイリングしていた他のコンポーネントにあり、その場所で私はスタイルを求めていました。私は親コンポーネントのスタイルの子コンポーネントへのアクセスを取得することはできません角2コンパイルコード。すべてはここにあります：angular.io/docs/ts/latest/guide/component-styles.html。あなたが材料成分を使用している部品で

Answer 2

、このような接頭辞/deep/であなたのCSSコードを追加します - 目的の要素のクラス名を知るための

/deep/ .mat-tab-label{ 
     min-width: 25px !important; 
     padding: 5px; 
} 

、それぞれのブラウザの開発者向けツールを移動し、選択要素をborder-radiusに変更します。クラス名を取得したら、次のようにしてください： -

/deep/ .mat-class-name{ 
    border-radius:0 !important; 
}