Question

我目前在bootstrap中遇到nav-tab问题。我已经设置了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;
}

跨越不同浏览器的bootstrap中的nav-tab问题

0 个答案: