blazor - MatBlazor - MatNavMenu 中向下箭头的位置不正确

Question

我将 MatBlazor 用于我的 Blazor 服务器端项目。我创建了 MatNavMenu 但在子菜单中箭头的位置不正确。

请看箭头的位置，它有点向下不居中。这是我正在使用的代码

<MatNavMenu>
<MatNavSubMenu>
    <MatNavItem><MatIcon Icon="dashboard"></MatIcon>&nbsp; Dashboard</MatNavItem>
    <MatNavSubMenuHeader>
        <MatNavItem AllowSelection="false"><MatIcon Icon="location_city"></MatIcon>&nbsp; City Management</MatNavItem>
    </MatNavSubMenuHeader>
    <MatNavSubMenuList>
        <MatNavItem Href="#"><MatIcon Icon="list"></MatIcon>&nbsp; Cites</MatNavItem>
        <MatNavItem Href="/City/AddNew"><MatIcon Icon="add"></MatIcon>&nbsp; Add New</MatNavItem>
    </MatNavSubMenuList>
</MatNavSubMenu>
</MatNavMenu>

任何帮助都将受到高度评价。

谢谢

Answer 1

我只是遇到了同样的问题，这里发生的事情是另一个包的样式干扰了 matblazor 的样式

正如您在这个 gif 中看到的，问题是另一个库正在添加line-height到 body 并使其下降一点。

要解决此问题，您可以使用重置该值line-height: normal;