更改標籤文本的顏色和實際框架中的下劃線

Question

實體化標籤的默認顏色爲粉紅色。也是活動標籤的下劃線。我想定製並添加一些樣式。我怎麼做？

Answer 1

圖片： Active tab和在CSS用於上文2個圖像效果 Tab2 on hover

代碼更改：

 .tabs .tab a{ 
      color:#000; 
     } /*Black color to the text*/ 

     .tabs .tab a:hover { 
      background-color:#eee; 
      color:#000; 
     } /*Text color on hover*/ 

     .tabs .tab a.active { 
      background-color:#888; 
      color:#000; 
     } /*Background and text color when a tab is active*/ 

     .tabs .indicator { 
      background-color:#000; 
     } /*Color of underline*/ 

Answer 2

它很容易在物化中應用預定義的類。

只是參考頁：http://materializecss.com/color.html

在這裏，我已經應用類蒂爾減輕-2，但也有從中你可以選擇的歸類不同的組合。此外，您可以編寫自己的自定義類並應用它。

HTML：

<div class="row"> 
    <div class="col s12"> 
    <ul class="tabs teal lighten-2"> 
     <li class="tab col s3"><a href="#test1">Test 1</a></li> 
     <li class="tab col s3"><a class="active" href="#test2">Test 2</a></li> 
     <li class="tab col s3"><a href="#test3">Test 3</a></li> 
    </ul> 
    </div> 
    <div id="test1" class="col s12">Test 1</div> 
    <div id="test2" class="col s12">Test 2</div> 
    <div id="test3" class="col s12">Test 3</div> 
    <div id="test4" class="col s12">Test 4</div> 
</div> 

的jsfiddle：http://jsfiddle.net/nikdtu/doska9qe/