如何樣式選項卡角材料？

Question

我有材料標籤：

<div id="tabs"> 
    <md-tab-group [selectedIndex]="0"> 
    <md-tab label="Sd"> 
     kkk 
    </md-tab> 

</div> 
</div> 

我試過的風格每個選項卡，但它不工作：

#tabs .mat-tab-label { 
    width: 167px; 
    height: 42px; 
    border-radius: 3px; 
    background-color: #e0e0e0; 
} 

Answer 1

默認material'smin-width設置爲160px，所以你將不得不重置然後設置你自己的width。以下是默認屬性集。

.mat-tab-label[_ngcontent-c19] { 
    line-height: 48px; 
    height: 48px; 
    padding: 0 12px; 
    cursor: pointer; 
    box-sizing: border-box; 
    opacity: .6; 
    min-width: 160px; 
    text-align: center; 
    position: relative; 
} 

所以嘗試這樣的事情

#tabs .mat-tab-label { 
min-width : 0px; // added 
    width: 167px; 
    height: 42px; 
    border-radius: 3px; 
    background-color: #e0e0e0; 
} 

工作示例：Plunker