Изменение расширного панели ⇐ CSS

[Anonymous]

Попытка выяснить, как получить темы материала-UI, чтобы работать так, как я хочу, и иметь некоторые проблемы. иметь другой цвет стрелки при расширении, чтобы сделать их более заметными. Уловка в том, что мне нужно это поведение только на панелях расширения родителей, а не на панелях расширения в рамках расширения. -UI Тема, чтобы только родительские панели расширения имели изменение цвета при расширении, например,
< /p>

Моя проблема в том, что черная стрелка трудно увидеть в рамках резюме темно-синей панели. Я хотел бы иметь возможность изменить этот цвет на белый, но только в родительской панели . Таким образом, в основном, когда ExpansionPanelsummary синий, стрелка должна быть белой. < /P>

Я не могу найти контроль CSS, чтобы делать то, что я хочу. Вот моя тема для ExpansionPanelsummary, которая контролирует цвет (я думаю, что мой CSS для стрелки должен быть где-то здесь, но я не уверен): < /p>

MuiExpansionPanelSummary: {
root: {
minHeight: "0px",
minWidth: "0px",
"&$expanded": {
//Elevation 1
boxShadow:
"0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12)",
minHeight: "0px",
backgroundColor: "#3f51b5",
color: "white"
},
".MuiExpansionPanelDetails-root &$expanded": {
backgroundColor: "transparent",
color: "black"
}
},
content: {
minWidth: "0px",
margin: "8px 0px",
"&$expanded": {
margin: "8px 0px"
}
}
},
< /code>

Любая помощь или указатели будут оценены. < /p>

Подробнее здесь: https://stackoverflow.com/questions/591 ... n-material