react 中 antd 的样式和 tailwind 样式冲突 - 码农知识堂 - 文章详情页

react 中 antd 的样式和 tailwind 样式冲突
1. 问题原因：在使用 tailwindcss 时，会导入大量的 tailwindcss 默认属性，而默认样式中 button, [type='button'] 包含了 background-color: transparent; 从而导致 antd Button 按钮背景色变成透明。
2. 解决办法：禁止 tailwindcss 的默认属性，配置 tailwind.config.js ，corePlugins.preflight 设置为 false。
3. ```
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
  corePlugins: {
    preflight: false, // 添加这一行
  },
};
```
相关阅读:
B端系统：OA界面设计，把用户当傻瓜吧，少让用户吃瓜
 Python提取PowerPoint演示文稿表格保存到文本及Excel文件
 贝茄莱（B&R）实时以太网通讯测试
 steam搬砖还能不能做，能赚到钱吗？
Kubernetes基础(五)-Service
智安网络|边缘计算与分布式存储：数字化时代的新趋势
 大数据讲课笔记1.5 使用Vim编辑器
 拓扑排序：acwing 848. 有向图的拓扑序列
 AntDesignBlazor示例——Modal表单
 十堰市2022年高新技术企业奖补政策以及申报条件汇总！
原文地址：https://blog.csdn.net/zq18877149886/article/details/132761510