C# MudBlazor用户界面库颜色

C# MudBlazor用户界面库颜色,c#,styling,C#,Styling,我真的很想改变MudBlazor UI组件的颜色。但是,我似乎无法覆盖默认样式。有人能帮我吗?在我们详细介绍如何使用CSS设计MudBlazor组件之前,让我向您指出 如果主题化对您来说还不够,那么您有多种选择,可以选择如何使用CSS更改MudBlazor元素的样式。 注意,您可能必须应用!重要信息覆盖MudBlazor的默认样式 一种方法是在主CSS文件中定义自己的CSS类,并将类名传递给组件,如下所示: 带有自定义类的按钮 第二种方法是通过Style属性直接传递CSS样式 现在下载 另

我真的很想改变MudBlazor UI组件的颜色。但是,我似乎无法覆盖默认样式。有人能帮我吗?

在我们详细介绍如何使用CSS设计MudBlazor组件之前,让我向您指出

如果主题化对您来说还不够,那么您有多种选择,可以选择如何使用CSS更改MudBlazor元素的样式。 注意,您可能必须应用
!重要信息
覆盖MudBlazor的默认样式

一种方法是在主CSS文件中定义自己的CSS类,并将类名传递给组件,如下所示:

带有自定义类的
按钮
第二种方法是通过
Style
属性直接传递CSS样式


现在下载
另一种方法是在razor中嵌入
标记,您甚至可以使用C变量动态修改CSS。下面的例子可以


钮扣{
背景色:黄绿色!重要;
颜色:白色!重要;
高度:@(高度)px;
}
使用滑块更改我的高度
@代码{
整数高度=100;
}
最后但并非最不重要的一点是,如果你想利用Blazor的CSS隔离,你必须确保你的页面/组件顶层元素是html元素,并且你使用
::deep
。这会将组件或页面中所有按钮的文本更改为红色:

::deep .mud-button-text { color: red !important; }

如果答案对您有帮助,请将其标记为已接受