Vue3 - 解决使用 Tailwindcss 后导致 UI 组件库样式受影响，引入后发现项目组件库的组件样式不对了（Element/Ant Design Vue/Naive UI/TDesign）

问题描述

网上的教程都无法解决，但本文可以帮助您快速解决该问题。

当项目引入 Tailwind css 后，使用 UI 组件库的某些组件时，发现有些样式丢失及显示错位、背景色丢失等问题，

频发于【按钮组件】背景色丢失 | 【message消息提示组件】样式位置变形等，严重的整个组件库样式都乱掉了。

---

本文解决方案适用于任何前端框架（例如 Element、Ant Design Vue、Naive UI 等等），并且无论你是 Vue2 还是 Vue3 都可以，只要您按照本文的操作进行，可 100% 快速解决该问题。

解决方案

按照以下步骤进行操作࿰