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

标签 html css ruby-on-rails twitter-bootstrap

我很难为 nav-pills 元素覆盖 twitter-bootstrap 上的悬停功能。我正在使用 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;
  }
}   } }

最佳答案

Specifically I want to remove the text-decoration: underline from the hovering

可能不是最好的做法(好吧,为什么不呢),但由于我看不到你的代码,试试这个:

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

或者更确切地说:

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

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

关于html - 在 Twitter-Bootstrap 的导航丸上覆盖悬停,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31912367/

相关文章:

css - 如果并排或堆叠使 div 居中

jQuery 自动完成结果框被其他元素覆盖

ruby-on-rails - rails :Send mail using mailer when controller finishes its execution

jquery - 如何在离开并再次导航后保持页面状态?

javascript - 两个导航都出来了,如何在点击第一个导航时隐藏第二个导航?

CSS 将 div 从桌面交换到移动设备

mysql - 如何在 ruby​​ on rails 中复制 mySQL 数据库?

ruby-on-rails - 无法将Tyre(和ElasticSearch)的混合 boolean 值混合在一起

javascript - 多次替换div的内容

javascript - Angular2 - [禁用] chrome 自动完成按钮问题