如何在blazorise中更改BarMenu字体颜色

Question

我想将默认的条形菜单字体颜色更改为红色，例如在剃刀页面上，但我不知道如何更改。下面的代码不起作用。

<Bar
Breakpoint="Breakpoint.Desktop"
Background="Background.Light"
ThemeContrast="ThemeContrast.Light
Class="sticky-top"
Style="font-size:large; color:red"
> 
<BarMenu>
<BarStart>
<BarItem>
<BarLink To="#">Home</BarLink>
</BarItem>
<BarItem>
<BarLink To="#">Documentation</BarLink>
</BarItem>
<BarItem>
<BarDropdown>
<BarDropdownToggle>Dropdown</BarDropdownToggle>
<BarDropdownMenu>
<BarDropdownItem>Action</BarDropdownItem>
<BarDropdownItem>Another action</BarDropdownItem>
</BarDropdownMenu>
</BarDropdown>
</BarItem>
</BarStart>
<BarEnd>
<BarItem>
<Button Color="Color.Primary">Sign up</Button>
<Button Color="Color.Secondary">Log in</Button>
</BarItem>
</BarEnd>
</BarMenu>
</Bar>

必须更改哪个css文件？它不适用于内部css样式。

Answer 1

您可以像这样更改.bg灯光的背景颜色：

<style>
.bg-light {
background-color: red !important;
}
</style>