部署后 React 应用程序中的某些样式已关闭

Question

我使用 create-react-app 创建了一个 React 应用，它在开发中按预期工作。

但是，在部署应用后，某些样式不适用。

我使用 Material UI，并且保留了大部分样式，只有我注意到的几个模式关闭了。

示例 1：

这里，LOGIN 按钮必须是橙色轮廓按钮，SIGN UP 按钮必须是包含在中间的橙色按钮。以下是它在开发中的样子：

示例 2 - 未应用某些边距：

这里，菜单项之间必须有一些边距。

示例 3：

在这里，您可以在开发工具中看到，我的样式已被废弃（由于某种原因，width: 70% 被保留）因此未应用。改为应用默认 MUI 样式。

在 Chrome、Edge 和 Safari 浏览器上试过这个。都一样。

尝试谷歌搜索，没有找到有用的答案或有关该主题的文章。

如果您需要更多信息，请询问，因为我不知道还有什么对调试有用。

感谢任何帮助

Answer 1

尝试将!important 标志添加到未覆盖的样式中。