从顺风底座中删除特定样式

Question

我有一个带有 tailwind 的项目和一个（正在进行中的）UI 库，我们希望逐步迁移到该库。

index.css我正在像这样导入样式

@tailwind base;
@tailwind components;
@tailwind utilities;


@import '@customPackage/ui-react/dist/style.css';

问题是，tailwind 基础导入了一些与我的 customPackage 样式冲突的样式：

.ak2yjgf是由customPackage css生成的样式，而是button, [type='button'], [type='reset'], [type='submit']由tailwind生成的样式。

我知道可以添加用于@layers base顺风的自定义样式，但这不会覆盖基本样式，它只是添加更多样式。我想知道是否有办法覆盖或删除仅base导入buttons。

Answer 1

禁用Tailwind 预检是最有帮助的事情

module.exports = {
  corePlugins: {
    preflight: false,
  }
}

然后添加他们的预检样式表并编辑与您的样式冲突的部分。