MudTreeView -如何改变复选框的大小和颜色?

Question

我使用的是一个名为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); }" >

在Mudblazor中使用MudCheckBox，您可以通过添加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;
}