如何通过改变悬停元素的颜色来阻止框架？

我使用materializecss制作网站。我正在尝试制作类似于其在website上使用的侧导航。如何通过改变悬停元素的颜色来阻止框架？

我想在我的Side Nav中将选定的选项卡绘制成红色，但由于materializecss本身的原因，我将它悬停在其上方时会变成灰色。

什么是有时停止框架做我不希望他们做的事情的好方法？

谢谢。

 <ul id="slide-out" class="side-nav fixed"> 
      <li class="activeTab"><a href="#!" class="white-text">+Add Banner</a>    
      </li> 
      <li><a href="#!">Test</a>    
      </li> 
    </ul>

和风格，我创建

.activeTab { 
    background-color: #ee6e73; 
    !important; 
}

来源

2015-05-28 Deniss

听起来像一个CSS问题 - 你可能需要让您选择更具体到您指定的元素。没有看到你的任何代码，这与任何人都可以获得的帮助一样多。 –

我对materializecss并不熟悉，但使用Bootstrap，您必须在加载css之前覆盖变量。在你的情况下，你可能必须做同样的事情或用你自己的风格来覆盖这个类。 – Vlad

为了清晰起见，我添加了代码。您可能需要将页面放大一些才能看到导航。 – Deniss

我最常做的就是在我的CSS文件的顶部，该框架css文件后去，新增CSS在不编辑框架本身的情况下重写框架中的规则。

你想要将它添加到你的CSS：

ul.side-nav.fixed li:hover, ul.side-nav.fixed li.active { 
    background-color: rgba(0, 0, 0, 0.05); 
}

改变颜色你的口味。

编辑：停止改变试试这个：

ul.side-nav.fixed li:hover, ul.side-nav.fixed li.active { 
    background-color: inherit; 
}

来源

2015-05-28 08:43:40 monxas

问题是我不想“李”改变颜色时，我将鼠标悬停在它上面。 – Deniss

如果它适合你，请参阅更新的答案 – monxas

它只是改变为Nav的颜色，而不改变li的颜色。但是我找到了一种使它工作的方法。我把li关在一个背景颜色相同的div上。 – Deniss

如何通过改变悬停元素的颜色来阻止框架？

回答

相关问题