Angularjs配置md-tabs箭头(颜色,可见性)

时间:2017-06-27 15:17:45

标签: css angularjs angular-material

我正在使用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>

例如,将箭头的颜色从白色设置为图像中的其他颜色(如红色),然后在set tab color下方设置

jsfiddle 1

接下来,如何使箭头始终可见?在下面的图片和jsfiddle中,如果没有标签溢出,则不会出现左右箭头。set arrow visibility

jsfiddle 2

最后,是否有左右箭头的正式/特定名称,如分页箭头?因为我找不到关于md-tabs箭头的相关主题,所以我可能使用了错误的关键字作为箭头。

1 个答案:

答案 0 :(得分:0)

对于箭头颜色,您可以使用此规则:

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

jsfiddle 1

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