如何在react-bootstrap中的NavBar切换按钮中更改线条颜色？

Question

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

Answer 1

尝试在按钮上添加一个类（或仅覆盖汉堡按钮的当前类），然后执行以下操作：

.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>");
}

并替换笔触颜色。这已在普通引导程序4上进行了测试，希望它能起作用！