如何在引导程序上操纵悬停的东西?

Posted

技术标签:

【中文标题】如何在引导程序上操纵悬停的东西?【英文标题】:How do I manipulate the hover thing on bootstrap? 【发布时间】:2015-02-19 02:14:20 【问题描述】:

我尝试让导航栏中的选项卡在悬停时显示不同的颜色,但默认悬停的东西一直妨碍我。

这就是我要说的:

如何操作或删除它?

【问题讨论】:

你能发布你的风格吗? 你需要覆盖css属性,简单的方法是在你的html中将你的样式放在bootstrap.css之后,然后编写你自己的类。 【参考方案1】:

这是 Bootstrap 选项卡悬停效果样式:

.nav>li>a:hover, .nav>li>a:focus 
    text-decoration: none;
    background-color: #EEE;

这意味着为了覆盖它们,您需要采用上述规则并用自己的规则重新定义背景颜色,但保持选择器权重与 Bootstrap 规则一样强(或更强)。

【讨论】:

以上是关于如何在引导程序上操纵悬停的东西?的主要内容,如果未能解决你的问题,请参考以下文章