MudBlazor的MudNavLink下划线属性未按预期生效

我创建了一个.NET MAUI Blazor混合与Web应用项目，已按MudBlazor官网手动安装教程完成部署。添加了包含MudNavMenu和MudNavLink的MudDrawer，给两个MudNavLink分别设置了Underline="None"和Underline="Always"，但设置为Always的Weather选项并未显示下划线。

排查与解决步骤 #

• 确认MudBlazor版本：确保使用最新稳定版MudBlazor，部分旧版本存在MudNavLink下划线渲染bug，通过NuGet包管理器更新到最新版即可。
• 检查CSS优先级冲突：项目自定义CSS可能覆盖MudBlazor默认样式，用浏览器开发者工具（F12）查看Weather选项的元素样式，确认text-decoration属性是否被其他样式覆盖。若有冲突，给目标MudNavLink添加自定义类强制设置下划线：

  .force-underline a {
      text-decoration: underline !important;
  }
  

  组件中引用：

  <MudNavLink Href="/weather" Underline="Always" Class="force-underline">Weather</MudNavLink>
  

• 验证组件嵌套结构：确保MudNavLink正确嵌套在MudNavMenu内，错误层级会导致样式失效。正确结构示例：

  <MudDrawer>
      <MudNavMenu>
          <MudNavLink Href="/" Underline="None">Home</MudNavLink>
          <MudNavLink Href="/weather" Underline="Always">Weather</MudNavLink>
      </MudNavMenu>
  </MudDrawer>
  

• 清理缓存重新编译：删除项目的bin/obj文件夹后重新编译，避免缓存导致样式未更新。

内容的提问来源于stack exchange，提问作者Maurice Marinus