时间戳

首页 > 解决方案 > 如何更改悬停时的默认引导导航？

css - 如何更改悬停时的默认引导导航？

问题描述

我想设置这个引导导航栏的样式，以便在悬停时显示下划线。我也想改变文字的颜色。

到目前为止，我只设法改变了背景颜色。任何帮助将不胜感激，为菜鸟问题道歉，我对编码还很陌生。

非常感谢！

<nav class="navbar navbar-expand-lg navbar-light" style="background-color:#f7715d">

  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-content" aria- controls="navbar-content" aria-expanded="false" aria-label="<?php esc_html_e( 'Toggle Navigation', 'theme-textdomain' ); ?>">

     <span class="navbar-toggler-icon"></span>

  </button>

</nav>

标签： cssnavigationhover

解决方案

一个简短的 CSS 引导示例

navbar-light {
  background-color:#f7715d;
}

navbar a {
  color: red;
}

或者您可以创建自定义类并添加到引导类

myClass {
  background-color:#f7715d;
}


<nav class="navbar navbar-expand-lg navbar-light myClass">

推荐阅读