我希望的MudExpansionPanel的标题是一个不同的颜色的面板上的内容的主体。MudExpansionPanel具有在Style属性中指定的粉红色。第一个月这将转动整个面板(包括展开时)。我只想让标题变色。我该如何实现这一点?编辑:对不起,我没有很好地解释自己。我希望颜色是动态的。所以对于一个面板,我希望它是粉红色的,另一个蓝色的等。
yebdmbv41#
首先,向项目中添加一个自定义CSS文件,并将其注册到index.html或_Host.cshtml中
index.html
_Host.cshtml
注意CSS文件的优先级
然后应用你想要的样式如下
.mud-expand-panel-header{ color:pink; }
字符串
m1m5dgzv2#
解决方法:为了得到标题的颜色,我写道:
<MudExpansionPanel Text="Panel Heading" Style="@($"background-color:{@changingVaraible1}; color:{@changingVaraible2};")" IsInitiallyExpanded="false">
字符串要使面板的其余部分变为白色,请执行以下操作:CSS:
.mud-collapse-wrapper-inner { background: white; }
型
的数据
mzaanser3#
要具体回答您的问题,您可以如下所示将MudExpansionPanel元素中的元素定位为目标:
.mud-expand-panel-header *{ /* this target all element inside mud-expand-panel-header*/ color: black; /*specify the color add !important if needed*/ }
字符串可以使用class或其他有效标识符,而不是上面的**'*。
.mud-expand-panel-header div { /* or . */ color: black; background: white; }
3条答案
按热度按时间yebdmbv41#
首先,向项目中添加一个自定义CSS文件,并将其注册到
index.html
或_Host.cshtml
中注意CSS文件的优先级
然后应用你想要的样式如下
字符串
m1m5dgzv2#
解决方法:
为了得到标题的颜色,我写道:
字符串
要使面板的其余部分变为白色,请执行以下操作:
CSS:
型
的数据
mzaanser3#
要具体回答您的问题,您可以如下所示将MudExpansionPanel元素中的元素定位为目标:
字符串
可以使用class或其他有效标识符,而不是上面的**'*。
型