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

Question

我正在为 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 中没有得到它。

有什么办法让它起作用吗？

Answer 1

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

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

然后您可以使用此 class 来定位 css 中的复选框：

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

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

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

MudTreeView - How to change checkbox size and color?

c#

css

blazor

mudblazor