reactjs - Sanitize.css 覆盖材料 ui css

Question

我正在使用Next JS (v9.2) 和Material-UI (4.9.0)。

我在 _app.js 中导入了sanitize.css (v11.0.0) 。

当我使用 material-UI 轮廓文本字段时，不显示轮廓。

从_app.js中删除sanitize.css时，会显示大纲。

有没有办法让material-UI覆盖其他CSS？

标签： reactjsmaterial-designmaterial-uinext.jssanitize

Answer 1

我们不需要将 sanitize.css 与 Material UI 一起使用。它已经具备了跨多个浏览器提供一致外观所需的功能 - material-ui.com/components/css-baseline。

所以我替换了 sanitize.css 并使用了 . 它解决了这个问题。