MudBlazor问题：无法修改MudTable表头文字颜色及边框

问题根源 #

你当前的CSS仅给父容器.mud-table-header设置文字颜色，但MudBlazor表头的文字实际由内部的.mud-th-text（普通表头）和.mud-table-sort-label（带排序功能的表头）元素承载，这些元素自带默认文字样式，优先级高于父容器设置，导致color:white不生效。另外，表头单元格的左边框需要单独针对.mud-th元素配置。

修正后的CSS代码 #

.mud-table-header {
    background-color: #0078d2;
}

/* 处理普通表头文字颜色 */
.mud-table-header .mud-th-text {
    color: white !important;
}

/* 处理带排序标签的表头文字颜色 */
.mud-table-header .mud-table-sort-label {
    color: white !important;
}

/* 统一表头单元格左边框，与表格边框样式匹配 */
.mud-table-header .mud-th {
    border-left: 1px solid rgba(0, 0, 0, 0.12); /* 与MudTable默认边框色一致，可按需修改 */
}

组件代码无需改动 #

你的MudTable组件配置保持原样即可，HeaderClass="mud-table-header"的设置是正确的：

<MudTable Items="@listApplications" Dense="true" Hover="true" Bordered="true" Striped="true" HeaderClass="mud-table-header"
          Filter="new Func<UsersAdminApp,bool>(FilterFunc1)" @bind-SelectedItem="selectedApplication">
    <HeaderContent>
        <MudTh>
            <MudTableSortLabel Enabled="true" InitialDirection="SortDirection.Ascending" SortBy="new Func<UsersAdminApp, object>(x=>x.Name)">Name</MudTableSortLabel>
        </MudTh>
        <MudTh>Description</MudTh>
        <MudTh></MudTh>
    </HeaderContent>
    <!-- 其余内容省略 -->
</MudTable>

补充说明 #

• 若你自定义了表格边框颜色，将border-left的值替换为对应颜色即可。
• 使用!important是为了确保样式优先级覆盖MudBlazor默认样式，若不想使用!important，可通过增加选择器层级（比如添加组件父容器类名）来提高优先级。

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