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

news/2024/7/15 17:14:45 标签: react.js
  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, // 添加这一行
      },
    };
    


http://www.niftyadmin.cn/n/5010580.html

相关文章

CentOS系统环境搭建(十九)——CentOS7安装chat GPT

centos系统环境搭建专栏🔗点击跳转 CentOS7安装chat GPT Welcome to the AI era! 基于上一篇文章CentOS系统环境搭建(十八)——CentOS7安装Docker20.10.12和docker compose v2,你已经安装了docker20以上的版本。那么&#xff0…

【漏洞复现】天OA存在任意文件上传漏洞

漏洞描述 华天动力协同办公系统将先进的管理思想、管理模式和软件技术、网络技术相结合,为用户提供了低成本、高效能的协同办公和管理平台。睿智的管理者通过使用华天动力协同办公平台,在加强规范工作流程、强化团队执行、推动精细管理、促进营业增长等工作中取得了良好的成…

Linux 系统时间同步 ​使用 NTP 服务时间同步​

目录 一、使用 NTP 服务时间同步 二、启动并设置开机自启 三、配置文件 在 /etc/ntp.conf 四、局域网指定一台服务器作为 时间服务器 一、使用 NTP 服务时间同步 安装 ntp yum -y install ntp 二、启动并设置开机自启 systemctl start ntpd systemctl enable ntpd #开…

Python入门教程 | Python 迭代器与生成器

迭代器 迭代是 Python 最强大的功能之一,是访问集合元素的一种方式。 迭代器是一个可以记住遍历的位置的对象。 迭代器对象从集合的第一个元素开始访问,直到所有的元素被访问完结束。迭代器只能往前不会后退。 迭代器有两个基本的方法:it…

Dubbo和telnet调用接口的区别

Dubbo和telnet调用接口的区别 Java 接口中传递的字符串参数通过 Dubbo 调用时不需要加双引号,而使用 Telnet 调用时需要加双引号,是因为 Dubbo 和 Telnet 是两种不同的通信方式,对于字符串参数的处理方式有所不同。 Dubbo 是一个分布式服务框架,它使用一种基于 RPC(Remo…

向量数据库Milvus Cloud 2.3 工具升级: 解锁全新的运维功能

Milvus Cloud 2.3 已经发布,并且带来了一系列令人激动的新功能和升级。在这次升级中,Birdwatcher工具也得到了全面升级,为用户提供了更多强大的功能和更便捷的操作方式。在这篇文章中,我们将深入探讨Birdwatcher工具的升级内容,并带您一览Milvus Cloud 2.3的运维新特性。 …

QT 开发遇到问题(网上有解决方案的)记录

QT4 数据库 1. 通常是缺少插件,参考 qt4 release打包程序无法连接sqlite数据库问题

Polarion创建项目

创建项目添加用户删除用户项目访问