找到 ui.bootstrap.tabs 指令 here在显示其内容之前具有继承边距。
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。
关于html - 如何从 UI-Bootstrap Angular Tab 指令中删除下边距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37470815/