Sanitize.css 覆盖材料 ui css答案

【问题标题】：Sanitize.css overwriting material ui cssSanitize.css 覆盖材料 ui css
【发布时间】：2020-05-16 00:57:42
【问题描述】：

我正在使用 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？

【问题讨论】：

只是一个建议，在使用 !important 键将 sanitize.css 加载到您的文本字段后覆盖大纲。发生这种情况是因为 sanitize 可能会覆盖文本字段的大纲属性。
你是指他们是否有竞争风格？
您不需要将sanitize.css 与Material UI 一起使用。它已经具备了在多个浏览器中提供一致外观所需的功能 - material-ui.com/components/css-baseline。 sanitize.css 和 Material UI 样式将被覆盖，没有简单的方法可以让它们很好地协同工作。

【解决方案1】：

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

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

【讨论】：