- Я пытаюсь переписать материал UI CSS.
- Я пытался использовать оба слова с заглавной буквы, но они менялись только при выделении и наведении
- возможно ли изменить его тоже в нормальном состоянии
- Я отладил, но не смог найти проблему.
- Подскажите, как это исправить.
- предоставив мой фрагмент кода ниже и песочницу ниже.
https://codesandbox.io/s/2pomwq2z20
const styles = theme => ({
root: {
flexGrow: 1,
width: "100%",
backgroundColor: theme.palette.background.paper
},
tabsIndicator: {
backgroundColor: "red",
textTransform: "capitalize"
},
tabRoot: {
"&:hover": {
color: "red",
opacity: 1,
textTransform: "capitalize"
},
"&$tabSelected": {
color: "red",
fontWeight: theme.typography.fontWeightMedium,
textTransform: "capitalize"
},
"&:focus": {
color: "red",
textTransform: "capitalize"
}
},
tabSelected: {}
});