如何在 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-light 的背景颜色：

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