如何用CSS定位mudexpansionpanel的头

wydwbb8l  于 2023-08-09  发布在  其他
关注(0)|答案(3)|浏览(87)

我希望的MudExpansionPanel的标题是一个不同的颜色的面板上的内容的主体。
MudExpansionPanel具有在Style属性中指定的粉红色。
第一个月
这将转动整个面板(包括展开时)。我只想让标题变色。我该如何实现这一点?
编辑:对不起,我没有很好地解释自己。我希望颜色是动态的。所以对于一个面板,我希望它是粉红色的,另一个蓝色的等。

yebdmbv4

yebdmbv41#

首先,向项目中添加一个自定义CSS文件,并将其注册到index.html_Host.cshtml

注意CSS文件的优先级

然后应用你想要的样式如下

.mud-expand-panel-header{
    color:pink;
}

字符串

m1m5dgzv

m1m5dgzv2#

解决方法:
为了得到标题的颜色,我写道:

<MudExpansionPanel Text="Panel Heading" Style="@($"background-color:{@changingVaraible1}; color:{@changingVaraible2};")" IsInitiallyExpanded="false">

字符串
要使面板的其余部分变为白色,请执行以下操作:
CSS:

.mud-collapse-wrapper-inner { 
    background: white;
}


的数据

mzaanser

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;
}

相关问题