react.js react 中 antd 的 样式和 tailwind 样式冲突

问题原因：在使用 tailwindcss 时，会导入大量的 tailwindcss 默认属性，而默认样式中 button, [type='button'] 包含了 background-color: transparent; 从而导致 antd Button 按钮背景色变成透明。解决办法：禁止 tailwindcss 的默认属性，配置 tailwind.config.js ，corePlugins.preflight 设置为 false。 /** @type {import('tailwindcss').Config} */

module.exports = {

content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],

theme: {

extend: {},

},

plugins: [],

corePlugins: {

preflight: false, // 添加这一行

},

};

精彩内容