我目前正在使用 NextJS、TailwindCSS 和 MUI React UI 库构建一个项目。
每当我尝试向我的项目添加 MUI 按钮时，它都能正常工作，但按钮的颜色保持白色。
悬停时颜色恢复正常，单击按钮时仍然具有波纹效果。但当不悬停时，它会返回白色。
通过从我在 _app.{js,jsx.ts,tsx} 文件中导入的全局 css 文件中删除 tailwind 指令，该按钮再次正常工作，但这也将删除 TailwindCSS。
有没有办法在保留指令的同时修复它？或者可能使用另一种方法包含 tailwind CSS？
MUI 团队现在添加了对 tailwind CSS 的支持，请点击此链接获取说明 https://mui.com/material-ui/guides/interoperability/#tailwind-css
这里的问题是 tailwinds preflig 实现了以下样式 添加时
到您的样式表：
button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; background-color: transparent; background-image: none; }这比material-ui的背景颜色定义更具体。
您可以通过删除“@tailwind base;”来解决此问题从您的样式并实现您自己的重置样式表，但这还有其他缺点： https://tailwindcss.com/docs/preflight