小编Ton*_*ony的帖子

无法使用Materialise CSS在导航栏中更改突出显示悬停颜色

我想使用MaterialiseCSS将导航栏中的悬停bg颜色更改为另一个颜色,默认效果只是使突出显示更暗,我需要将该突出显示更改为另一种颜色,如白色.

当导航栏颜色为黑色时,没有高亮或悬停效果.

我可以改变导航栏颜色的bg,文字颜色但我不能改变背景高亮颜色,任何想法?

先感谢您

<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.2/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.2/js/materialize.min.js"></script>

<style>    
nav ul li a{
  color: orange;
}    
</style>
</head>

<body>
<header class="top-nav">

<div class="navbar-fixed">
  <nav>
    <div class="nav-wrapper black blue-text">
      <a href="#!" class="brand-logo center">Logo</a>
      <ul class="left hide-on-med-and-down">
        <li><a href="sass.html">Sass</a></li>
        <li><a href="badges.html">Components</a></li>
        <li class="active"><a href="collapsible.html">JavaScript</a></li>
      </ul>
    </div>
  </nav>
</div>

</header>
<main></main>
<footer></footer>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

在Jsbin这里:)

css materialize

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

materialize ×1