所以当我将鼠标悬停在导航栏链接上时,我正在使用bootstrap生成悬停样式。这样可以正常工作,直到你使用IE9并且速度太快,风格仍然“悬停”,即使不再悬停该项目。
像这样我可以在菜单中以“悬停”的方式获得多个不应发生的项目。
我的代码:
<ul class="nav nav-list">
<!-- ko foreach: router.activeItem().sidebar.links -->
<li data-bind="visible: visible" class="special">
<a data-bind="attr: { href: hash, title: title }"
data-toggle="tooltip"
data-placement="right">
<i class="menu-icon fa fa-5x" data-bind="css: icon"></i>
</a>
</li>
<!-- /ko -->
</ul>
错误:
我尝试了很多其他类似的事情:
.noHoverForThis {
color: inherit !important;
}
由于某种原因,这不起作用。 覆盖整个bootstrap类同样对我不起作用,除非我写不出来......
.navbar .nav-list > li:hover > a,
.navbar .nav-list > li > a:hover {
background-color: #e7e7e7 !important;
color: inherit !important;
}
请记住,错误只发生在IE9中。
非常欢迎任何帮助!
编辑:有趣的是:我正在使用ACE主题 www.wrapbootstrap.com
答案 0 :(得分:0)
所以我终于明白了。
应该用来解决此问题并覆盖悬停状态的代码是:
.no-skin .nav-list > li:hover > a {
background-color: rgb(248, 248, 248) !important;
color: #585858 !important;
}
.nav-list > li::before {
width: 0;
height: 0;
display: none;
}
然后将其包含在durandal的Index.cshtml
<!--[if lte IE 9]>
<link rel="stylesheet" href="../../Content/IEHacks.css" />
<![endif]-->
这将使用bootstrap v3.2
覆盖ace主题的悬停