如何更改Materialise CSS选项卡的下划线颜色?

问题描述:

我无法更改Materialise CSS中选项卡的下划线颜色。 以下是带默认颜色下划线的示例图像;我想让它变成黑色: sample image。我使用如何更改Materialise CSS选项卡的下划线颜色?

这是示例代码:

<div class="row"> 
 
    <div class="col s12"> 
 
    <ul class="tabs"> 
 
     <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 disabled"><a href="#test3">Disabled Tab</a></li> 
 
     <li class="tab col s3"><a href="#test4">Test 4</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>

+0

代码的使用还没有显示任何标签视图份额正确的代码 – Bhargav

+0

什么是你的CSS是否曾经使它成功? – ranieribt

+0

给我一个答案一试 –

CSS

.tabs .indicator{ 
    background-color:red;/*your color*/ 
    }