md-tab 样式（Angular 1.6）。甚至可能吗？

Question

大家好！

我的 md-tab 样式有问题

默认是这样的：

它应该是这样的：

我想要实现的是：

• 使用材料主题中的样式或颜色（ng-colors）
• 更新活动/非活动元素的背景（如第二张图片）

以下是一些想法：

• 在这种情况下，CSS 修改似乎不正确，因为我想依赖主题颜色。
• 由于某种原因，md-primary 类分配在 md-tab 上不起作用（不明白为什么）
• 我想，由于同样的原因，md-colors 分配不起作用。
• 可能，我必须创建一些自定义选项卡组件而不是这些组件，然后设置它们的样式。我不确定这是否适合我的情况。

问题。是否可以按照我描述的方式设置 md-tab 样式？

谢谢！

Answer 1

最快和最简单的方法是通过像这样更新 css

md-tabs .md-tab {background:white; margin-left:20px}
md-tabs .md-tab.md-active {background:#006E7B; color:white !important}
md-ink-bar {display:none}