Angularjs 配置 md-tabs 箭头（颜色，可见性）答案

【问题标题】：Angularjs configure md-tabs arrow (color, visibility)Angularjs 配置 md-tabs 箭头（颜色，可见性）
【发布时间】：2017-06-27 15:17:44
【问题描述】：

我正在使用 angularjs 材质标签 https://material.angularjs.org/latest/demo/tabs 。

首先，如何设置左右箭头的颜色？

<md-toolbar >
    <div class="md-toolbar-tools tb">
        <md-tabs class="tab">
            <md-tab ng-repeat = "item in toDoList track by $index" label="{{item.name}}" >
            </md-tab>
        </md-tabs>
    </div>
</md-toolbar>

例如，将图像中的箭头颜色从白色设置为其他颜色（如红色）并在下面摆弄

jsfiddle 1

接下来，如何让箭头始终可见？在下图和jsfiddle中，如果没有tab溢出，左右箭头不会出现

jsfiddle 2

最后，左右箭头是否有任何正式/特定的名称，例如分页箭头？因为我找不到太多关于 md-tabs 箭头的相关主题，可能是我为箭头使用了不正确的关键字。

【问题讨论】：

标签： css angularjs angular-material

【解决方案1】：

对于箭头颜色，您可以使用此规则：

md-toolbar:not(.md-menu-toolbar) md-icon{
  fill:red;
}

jsfiddle 1

但是为了让它们始终可见，我认为除非您修改 Angular Material 源代码，否则这是不可能的

【讨论】：