MUI 커스터마이징

MUI에서 가져온 컴포넌트들은 수정이 살짝 어렵다.
그래서 비교적 편하게(?) 하는법

1. 관리자 모드로 가서 컴포넌트 확인

선택한 컴포넌트의 class 명의 마지막 클래스 이름을 기억해 둔 뒤,

2. sx 속성 적용

주석처리된 부분처럼 작성하면 된다.

3. !important 꼭 작성

  ".css-haheyj-MuiInputBase-root-MuiOutlinedInput-root": {
            backgroundColor: "#ccc123 !important",
          },

이렇게 작성하면

색상을 쉽게 변경할 수 있다.