2015-05-30 71 views
1

根據md-tab Documentation我們可以有定製md-tab-label,這我想這樣做:AngularMaterial:定製MD-選項卡標籤中的MD-標籤

<md-tab-label class="my-label"> 
    Label 
</md-tab-label> 

我的CSS:

.my-label{ 
    background: #40FF00; 
} 

但是,背景顏色不顯示選項卡標籤。 我做錯了什麼?

+0

您想要在標籤中顯示標籤嗎? – Sajeetharan

+0

否..可以通過選項卡內的標籤屬性完成。 我想顯示一個自定義標籤,在標籤內部有一些背景,爲此我使用md-tab-label –

回答

2

所以,我這樣做是錯誤的。 正確的方法是:

  1. 定義您的標記
  2. 然後添加CSS

在這種情況下,CSS可以像:

all-tabs {font-size: 20px;} 
.demo-tab { 
    color:green; 
} 

和HTML:

<md-tab-label> 
    <all-tabs class="demo-tab"> {{$index+1}} </all-tabs> 
</md-tab-label> 

結果標籤: enter image description here

+0

它也是在標籤標籤中綁定html的方式 – Girish