3

我目前在引导程序中遇到导航选项卡的问题。我已经设置了 CSS，以便活动选项卡是绿色的。当它悬停时，它会变成棕色。当用户单击不同的选项卡时，新的活动选项卡将变为原来的绿色。我遇到的问题是，在 Chrome 中，它运行良好。但是，在 IE 和 Firefox 中，用户单击选项卡后，它会保持棕色，并且永远不会像预期的那样恢复为绿色。只有当我单击屏幕上的任意位置时它才会恢复。任何帮助肯定会受到赞赏。

.nav-tabs {
  *zoom: 1;
}

.nav-tabs:before,
.nav-tabs:after {
  display: table;
  line-height: 0;
  content: "";
}

.nav-tabs:after {
  clear: both;
}

.nav-tabs > li {
  float: left;
}

.nav-tabs {
  border-bottom: 1px solid #613821;
  margin-right: 12px;
}

.nav-tabs > li {
  margin-bottom: -1px;
  margin-right: 20px;
}

.nav-tabs > li > a {
  padding-top: 8px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
  background-image:url(../img/navwoodback.png);
  background-repeat: repeat;
  /*background-color: #ffffff;*/
  color: #ffffff;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #ffffff;
  cursor: default;
  background-color: #3b4223;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
4

0 回答 0