C# MudBlazor用户界面库颜色
我真的很想改变MudBlazor UI组件的颜色。但是,我似乎无法覆盖默认样式。有人能帮我吗?在我们详细介绍如何使用CSS设计MudBlazor组件之前,让我向您指出 如果主题化对您来说还不够,那么您有多种选择,可以选择如何使用CSS更改MudBlazor元素的样式。 注意,您可能必须应用C# MudBlazor用户界面库颜色,c#,styling,C#,Styling,我真的很想改变MudBlazor UI组件的颜色。但是,我似乎无法覆盖默认样式。有人能帮我吗?在我们详细介绍如何使用CSS设计MudBlazor组件之前,让我向您指出 如果主题化对您来说还不够,那么您有多种选择,可以选择如何使用CSS更改MudBlazor元素的样式。 注意,您可能必须应用!重要信息覆盖MudBlazor的默认样式 一种方法是在主CSS文件中定义自己的CSS类,并将类名传递给组件,如下所示: 带有自定义类的按钮 第二种方法是通过Style属性直接传递CSS样式 现在下载 另
!重要信息
覆盖MudBlazor的默认样式
一种方法是在主CSS文件中定义自己的CSS类,并将类名传递给组件,如下所示:
带有自定义类的按钮
第二种方法是通过Style
属性直接传递CSS样式
现在下载
另一种方法是在razor中嵌入
标记,您甚至可以使用C变量动态修改CSS。下面的例子可以
钮扣{
背景色:黄绿色!重要;
颜色:白色!重要;
高度:@(高度)px;
}
使用滑块更改我的高度
@代码{
整数高度=100;
}
最后但并非最不重要的一点是,如果你想利用Blazor的CSS隔离,你必须确保你的页面/组件顶层元素是html元素,并且你使用::deep
。这会将组件或页面中所有按钮的文本更改为红色:
::deep .mud-button-text { color: red !important; }
如果答案对您有帮助,请将其标记为已接受