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

Posted 2023-03-27

【中文标题】MudTreeView - 如何更改复选框的大小和颜色？

【英文标题】：MudTreeView - How to change checkbox size and color?

【发布时间】：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 中没有。

有没有办法让它工作？

【参考方案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;