tailwind.config.js

tailwind.config.js

/**
 * preflight: false 禁用 tailwind 默认样式
 * 解决css覆盖 antd Button样式
 */
module.exports = {
  content: [
    './src/pages/**/*.{jsx, tsx}',
    './src/components/**/*.{jsx, tsx}',
    './src/layouts/**/*.{jsx, tsx}',
    // './src/layouts/**/*.tsx',
  ],
  corePlugins: {
    // 禁用 tailwind的默认样式 base.css
    preflight: false,
  }
}

• preflight: false 会把所有的默认属性，全给去掉，需要自己重置 reset

tailwind常见问题

tailwind antd Button 背景色变成透明

原因：tailwindcss的默认 button 属性为透明background-color: transparent
解决：禁止tailwindcss的默认属性