如何更改反应引导中导航栏切换按钮的线条颜色？

Question

我想更改切换按钮的线条颜色。我尝试更改 Navbar.Toggle 的内联样式，但没有成功。有人有主意吗？

Answer 1

尝试将变体更改为深色，以便汉堡包显示为浅色，以与导航栏的“深色”变体形成对比。

<Navbar bg="transparent" expand="lg" variant="dark">

Answer 2

尝试向按钮添加一个类（或者只是覆盖汉堡包按钮的当前类）并执行以下操作：

.navbar-hamburger {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

并替换描边颜色。这是在普通 bootstrap 4 上测试的，我希望它能工作！