响应式选项卡的透明背景

transparent background for responsive-tabs

本文关键字：透明 背景 选项 响应      更新时间：2023-09-26

我正在使用这个JS库 http://openam.github.io/bootstrap-responsive-tabs/。我无法设法将它们的背景设置为透明（或任何其他颜色）。

似乎问题在于，当创建手风琴选项卡时，js库会更新选项卡样式，始终具有白色背景色。

添加以下 CSS 规则：

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background: transparent !important;
}

你还没有提到你是如何尝试改变背景颜色的。

但是，根据我的假设，这可能会有所帮助，将其添加到您的 css 中：

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
background-color: transparent;
}
.nav-tabs > li > a是

选项卡中链接的选择器 .nav-tabs > li是选项卡本身的选择器。您可以使用这两个来更改选项卡的外观，还要注意类.active被添加到其中一些选项卡中，并且背景在li或a元素上设置不一致 - 有时是第一个，有时是另一个。

相关文章：