Question

我很难在twitter-bootstrap上覆盖nav-pills项目的悬停功能。我正在使用Ruby on Rails

具体来说，我想删除文字装饰：悬停

下划线

我怎么能这样做？这是源代码：

.nav-pills {
 li {
  float: left;

/* Links rendered as pills*/
> a {
  border-radius: $nav-pills-border-radius;
}
+ li {
  margin-left: 2px;
}

// Active state
&.active > a {
  &,
  &:hover,
  &:focus {
    color: $nav-pills-active-link-hover-color;
    background-color: $nav-pills-active-link-hover-bg;
  }
}   } }

Answer 1

具体来说我想删除文本修饰：从下划线盘旋

可能不是最好的事情（好吧，为什么不呢），但由于我看不到你的代码，试试这个：

.nav-pills > li > a:hover {
    text-decoration: none;
}

或者更确切地说：

.nav-pills {
    > li > a:hover {
        text-decoration: none;
    }
}

如果您发布JSFiddle代码，我将编辑我的答案并为您提供更精确的解决方案。

在Twitter-Bootstrap的导航丸上覆盖悬停

1 个答案: