Question

我试图覆盖bootstrap中的活动标签样式。

我设法给标签圆角并通过为<li>标签添加一个新类来改变颜色，因此外观非常适合我想要的外观和悬停。然而，活跃的标签固执地保持着引导风格。我已经尝试过各种各样的选择器，但是我现在已经被卡住了。我无法看到如何更加具体的活动选择器：

.nav-tabs > li.rounded.active > a,
.nav-tabs > li.rounded.active > a:hover,
.nav-tabs > li.rounded.active > a:focus {
    background-color:cadetblue;
    font-weight:bolder;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

这是我的HTML：

<ul class="nav nav-tabs">
   <li class="rounded"><a href="#">Home</a></li>
   <li class="rounded"><a href="#">Bio</a></li>
   <li class="rounded"><a href="#">Links</a></li>
   <li class="rounded"><a href="#">Gallery</a></li>
</ul>

Answer 1

我认为你可能有一些优先考虑的其他代码，因为我在codepen.io上使用了bootstrap.css插件，一切似乎都解决了。我能够更改活动标签样式。顺便说一句，在你提供的HTML中，没有＆＃34;活跃的＆＃34;选项卡，它缺少课程。这可能是问题吗？

http://codepen.io/tylerism/pen/vOpNLO

HTML

.nav-tabs > li.rounded.active > a,
.nav-tabs > li.rounded.active > a:hover,
.nav-tabs > li.rounded.active > a:focus  {
    background-color:cadetblue;
    font-weight:bolder;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    color:orange;
}

.nav-tabs > li.rounded > a  {
    background-color:cadetblue;
    font-weight:bolder;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    color:white;
}

CSS

{{1}}

Answer 2

css＆＃39;活跃＆＃39; state应该应用于锚标签。试试这个，

SELECT 
hdr.field1
hdr.field2
hdr.field3
au.PGM_CD   (this field can have the blanks, v, l, etc. values)
 FROM HEADER hdr
 JOIN (SELECT DISTINCT l.ID, PGM_CD
  FROM LINE l 
  LEFT JOIN AUTH a
  ON l.ID = a.ID) AS au

如何覆盖Bootstrap活动选项卡的样式？

2 个答案: