mui 커스텀 Textfillcolor 이슈

채연·2023년 2월 28일
0

Storybook

목록 보기
10/12

textfield의 disable시, 글자색을 바꾸고 싶었다.

"& .MuiOutlinedInput-root": {}

로 적은 후, 안에 disable 속성을 받아와 disable일 때는 빨간 글자가 뜨도록 설정해놨다.
하지만, disable이 아닐 때는 잘 받아오면서 disable일 때만 딱 글자색이 안 바뀌는 이슈였다.

문제 해결

css가 중첩으로 들어가있어서, && <- 이런식으로 두 번 적어주어야 했었다.

-> class의 뒷 쪽부분을 그대로 복사해와 뒤에 disable 속성만 입혀주면 잘 들어간다!

*** css 속성을 잘 보면 color가 아닌, textFillColor로 되어있어서, texFillColor를 덮어씌워야 한다.

profile
Hello Velog

0개의 댓글