更改 Bootstrap 的汉堡包图标的颜色

Question

我在 HTML 代码中使用 Bootstrap 导航栏

汉堡包菜单图标的默认颜色为黑色。我正在尝试将其更改为白色。但它不起作用

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span id="toggle-icon" class="navbar-toggler-icon"></span>
            </button>

这里是CSS代码

.navbar-toggler-icon .navbar-toggler{
    color: #ffff !important ;
}
.navbar-toggle span{
  color: #ffff !important ;
}
#toggle-icon {
  color: #ffff !important ;
}

Answer 1

我在 bootstrap 中更改了 Navbar 的 Class 以使汉堡包图标变为白色从：导航栏浅色到导航栏深色

更改 Bootstrap 的汉堡包图标的颜色

Changing color for hamburger icon of Bootstrap

html

css

bootstrap-5