MUI 컴포넌트를 styled-component로 덮어씌울때 CSS가 적용되지 않는 경우가 있다.
이럴 때에는 !important를 사용해 나의 스타일을 최우선으로 적용하도록하면 된다.
const FindPassword = styled(Typography)`
display: block;
margin-top: 12px !important;
color: var(--gray);
`;
'라이브러리 > MUI' 카테고리의 다른 글
[MUI] MUI icons 아이콘 컴포넌트 props로 전달받기 | MUI 아이콘 프롭스 타입 정의 방법 (0) | 2025.03.04 |
---|---|
[MUI] 아코디언 <Accordion/> 기본 그림자(box-shadow) 제거 (0) | 2025.03.03 |
[MUI] Drawer 테두리 둥글게 변경하기 (0) | 2025.02.21 |
[MUI] <Select /> 기본 스타일링 (0) | 2025.02.06 |
[MUI] <Typography /> 두줄만 보이게 하기, 두줄 이후로는 ... 으로 표시하기 (0) | 2024.12.22 |