So erweitern Sie den Header eines Panels mit einem CSS-Ziel

Question

Ich möchte, dass die Kopfzeile des MudExpansionPanel eine andere Farbe hat als der Hauptteil des Panelinhalts.

MudExpansionPanel wird in der Style-Eigenschaft die rosa Farbe zugewiesen.

Dadurch wird das gesamte Bedienfeld umgedreht (auch im erweiterten Zustand). Ich möchte nur die Farbe des Titels ändern. Wie setze ich das um?

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.

Answer 1

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

注意CSS文件的优先级

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

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