首页 > 解决方案 > 如何在 blazorise 中更改 BarMenu 字体颜色?

问题描述

我想将默认栏菜单字体颜色更改为例如剃刀页面中的红色,但我不知道如何更改它。下面的代码不起作用。

<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 样式。

标签: c#htmlcssasp.net-coreblazorise

解决方案


您可以像这样更改 .bg-light 的背景颜色:

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

推荐阅读