So erweitern Sie den Header eines Panels mit einem CSS-Ziel
P粉546138344
P粉546138344 2023-07-24 20:17:03
0
1
489
<p>Ich möchte, dass die Kopfzeile des MudExpansionPanel eine andere Farbe hat als der Hauptteil des Panelinhalts. </p><p>MudExpansionPanel wird in der Style-Eigenschaft die rosa Farbe zugewiesen. </p><p><br /></p> <p><code> <MudExpansionPanel Text="Überschriftentext" Style="@($"background-color:pink; color:black"></code></p> <p>Dadurch wird das gesamte Bedienfeld umgedreht (auch im erweiterten Zustand). Ich möchte nur die Farbe des Titels ändern. Wie setze ich das um?</p><p>EDIT: Tut mir leid, dass ich es nicht klar erklärt habe. Ich wollte, dass die Farben lebendig sind. Ich möchte also, dass ein Panel rosa ist, das andere blau und so weiter. </p><p><br /></p>
P粉546138344
P粉546138344

Antworte allen(1)
P粉770375450

首先,向项目添加一个自定义CSS文件,并在index.html或_Host.cshtml中注册它

注意CSS文件的优先级

然后按下面的样式应用你想要的样式


.mud-expand-panel-header{
    color:pink;
}
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage