CSS 대상을 사용하여 패널 헤더를 확장하는 방법

Question

<p>MudExpansionPanel의 헤더가 패널 콘텐츠의 본문 색상과 다른 색상이기를 원합니다.

MudExpansionPanel은 Style 속성에서 분홍색으로 지정되어 있습니다.

<p><code> <MudExpansionPanel Text="제목 텍스트" Style="@($"Background-color:pink; color:black"></code></p> <p>이렇게 하면 전체 패널이 뒤집힙니다(확장된 경우 포함). 제목 색상만 바꾸고 싶습니다. 이것을 어떻게 구현하나요?</p><p>편집: 죄송합니다. 명확하게 설명하지 못했습니다. 색상이 생생하게 나오길 바랐어요. 그래서 한 패널은 분홍색, 다른 패널은 파란색 등으로 만들고 싶습니다.

Answer 1

먼저 프로젝트에 커스텀 CSS 파일을 추가하고 index.html이나 _Host.cshtml에 등록합니다.

CSS 파일의 우선순위에 주의하세요

그런 다음 아래 스타일을 눌러 원하는 스타일을 적용해 보세요

으아아아