MudTreeView - 如何更改复选框的大小和颜色？答案

【问题标题】：MudTreeView - How to change checkbox size and color?MudTreeView - 如何更改复选框的大小和颜色？
【发布时间】：2021-11-07 07:44:29
【问题描述】：

我正在为 Blazor WebAssembly 使用一个名为 Mudblazor 的 CSS 框架。 Link to mudblazor

我不知道如何在 MudTreeView 中设置复选框的大小和颜色。

<MudTreeViewItem  Value="@item.CategoryName" Class="mud-treeview-item-content.mud-treeview-item-activated" Selected="item.IsChecked" SelectedChanged="eventArgs => {  CheckboxClicked(item.CategoryId, eventArgs); }" >

在使用 MudCheckBox 的 Mudblazor 中，您可以通过添加 Size = "Size.Large" 和颜色来设置大小：Color="Color.Primary" 但我在 MudTreeView 中没有。

有没有办法让它工作？

【问题讨论】：

标签： c# css blazor mudblazor

【解决方案1】：

作为一种解决方法，您可以将一个类添加到您想要设置复选框样式的MudTreeViewItem 元素：

<MudTreeViewItem Value='"Name"' Class="custom-treeview-item"/>

然后你可以使用这个类来定位你的css中的复选框：

.custom-treeview-item .mud-checkbox span {
    color: var(--mud-palette-primary);
}

.custom-treeview-item .mud-checkbox svg {
    font-size: 2.25rem;
}

【讨论】：