html - 如何从UI-Bootstrap Angularjs Tab指令中删除较低的边距？

发现here的ui.bootstrap.tabs指令在显示其内容之前具有继承边距。



HTML：

<uib-tabset active="activeJustified" justified="false" id="tabSet" style="background-color: red">
    <uib-tab index="0" heading="Assessment" class="uib-tab">
        <p style="background-color: green">TEST</p>
    </uib-tab>
    <uib-tab index="1" headin[![enter image description here][2]][2]g="SJ" class="uib-tab"></uib-tab>
    <uib-tab index="2" heading="Long Justified" class="uib-tab"></uib-tab>
</uib-tabset>

<uib-tabset>具有background-color: red以显示此边距。

我的CSS不会阻止它。 （也许这是我不知道的财产？）

.uib-tab {
margin: 0px;
padding: 0px;
}

.uib-tabset {
margin: 0px;
padding: 0px;
}

有什么想法可以尝试吗？谢谢！

最佳答案

如果您尝试应用的CSS位于正确的元素上，建议您提高选择器的特异性，例如“ #tabSet .uib-tab”，或使用！important。