html - 将鼠标悬停在导航栏图标上时，如何阻止它们消失？使用 Bootstrap

Question

当悬停在导航栏上时，导航栏中的图标会消失。我如何阻止它并使图标变为粗体或其他内容

  <div>
     <ul class="nav navbar-nav navbar-right">
        <li><a href="#"><i class="fa fa-envelope-o"></i>Contact</a></li>
          <li><a href=#"><i class="fa fa-linkedin-square"></i> LinkedIn</a></li>
            <li><a href="#"><i class="fa fa-file-pdf-o"></i><span>
              </span target="_blank"> Download Resume</a></li>
            </ul>
               </div>

Answer 1

没有例子 ( jsFiddle ) 很难确定。但是，请尝试在您的 CSS 文件末尾添加:a:hover {color:red;}

在这里看到:jsFiddle

它对我有用。一个示例可以帮助您具体了解您的代码发生了什么。