AngularJS Material 设计 : Different colors for different tabs in md-tabs

Question

有没有办法为 md-tabs 中的不同标签设置不同的背景颜色?
默认为无颜色，可以在 tabs demo 中看到

我试过 <md-tabs background-color="green">但它不起作用

Answer 1

AngularJS Material 设计 (md) 选项卡，md-tabs背景颜色是透明的，并使用主容器的背景颜色。尝试为 md-tabs 添加 CSS 类.

Added background to entire md-tabs

md-tabs {
    background: red;
    border: 1px solid #e1e1e1; }

By adding CSS childs to md-tab class, you can see different colors for different tabs.

 .md-tab:first-child{background: green; } 
 .md-tab:nth-child(2){background: pink; } 
 .md-tab:nth-child(3){background: blue; } 

fiddle
https://jsfiddle.net/cxf3otz9/

代码笔
http://codepen.io/anon/pen/zGNEyw