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

Question

我正在为 Blazor WebAssembly 使用一个名为 Mudblazor 的 CSS 框架。 链接到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 中没有。

有什么办法让它工作吗？

Answer 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;
}