我想在Blazor中改变一个导航条的背景颜色,但我找不到方法。我想,这不可能那么难。有人能告诉我吗?
<div class="top-row pl-4 navbar navbar-dark bg-primary ">
<a class="navbar-brand bg-primary" href="">Test</a>
<button class="navbar-toggler bg-primary" @onclick="ToggleNavMenu">
<span class="navbar-toggler-icon bg-primary"></span>
</button>
</div>
<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
<ul class="nav flex-column">
<li class="nav-item px-3 bg-primary">
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
<span class="oi oi-home" aria-hidden="true"></span> Home
</NavLink>
</li>
<li class="nav-item px-3 bg-primary oi-resize-height">
<NavLink class="nav-link" href="hd">
<span class="oi oi-list-rich" aria-hidden="true"></span> hd
</NavLink>
</li>
</ul>
</div>
本回答导航栏blazer按钮,去掉bg-primary,再加上 bg-中学 bootstrap类正在使用改变按钮颜色。
<button class="navbar-toggler bg-secondary" @onclick="ToggleNavMenu">
<span class="navbar-toggler-icon "></span>
</button>
// or try this css
.navbar-toggler{
background:coral !important;
}