Material UI에서 사용자 정의 스타일을 적용하지 않는 문제
정확히 말하면, 사용자 정의 스타일을 덮어쓴 상태가 무엇입니까?
자세히 조사한 결과 사용자 정의 스타일이 Material UI의 기본 스타일로 무시됩니다.
Material UI에서 CSS의 inject 순서에 따라 Material UI의 스타일은 사용자 정의 스타일보다 우선할 수 있으며, 항상 사용자 정의 스타일을 우선시하면 inject의 순서를 명시해야 할 것 같습니다.
이렇게 하면
StyledEngineProvider
로 랩을 싸고 injectFirst
까지 사용자 정의 스타일을 우선적으로 선택할 수 있다.import * as React from 'react';
import { StyledEngineProvider } from '@mui/material/styles';
export default function GlobalCssPriority() {
return (
<StyledEngineProvider injectFirst>
{/* Your component tree. Now you can override MUI's styles. */}
</StyledEngineProvider>
);
}
Reference
이 문제에 관하여(Material UI에서 사용자 정의 스타일을 적용하지 않는 문제), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/metallic_kfc/articles/96791d888dddc1텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)