更改md-tabs按钮高度

Question

我想将我的标签按钮更改为小/更薄。然后我通过DOM查看css的所有指针，如：

md-tabs-canvas.md-center-tabs{
height: 10px;
}
md-tabs-wrapper{height: 10px;}
md-pagination-wrapper{height: 3px;}

但我无法达到我想要的高度。 或者我需要用ng-isolate-scope CSS做些什么来重新排列这个指针的命题？

更新

这是代码笔中的代码 http://codepen.io/tom031/pen/EZZweq

这是生产中的代码https://tom031.github.io/

Answer 1

<强>更新

我尝试在GitHub页面上更改 md-tab-item 的填充，但它确实有效。 请参见屏幕截图：screenshot。它是md-tab-item的填充，使元素更大。

将css更改为：

md-pagination-wrapper {
    height: 30px;
}
md-tab-item {
    padding: 5px !important;
}

Answer 2

我验证了以上答案，效果很好。但是，为了避免使更改过于笼统，从而影响md-tabs的每个实例，并且还避免了对!important的需求，请使用自定义父容器ID或类来限定CSS类。

如果您只想影响身高，则只需修改padding-top，例如：

#myTabsContainerParent .md-pagination-wrapper {
    height: 30px;
}
#myTabsContainerParent .md-tab-item {
    padding-top: 5px;
}