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

时间:2017-08-04 11:01:15

标签: css materialize

我无法更改Materialise CSS中标签的下划线颜色。 这是一个带有下划线的默认颜色的示例图像;我想让它变黑: sample image

这是我正在使用的示例代码:

<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>

1 个答案:

答案 0 :(得分:1)

利用这个

CSS

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