PrimeVue + Tailwind 冲突：缺少按钮背景答案

【问题标题】：PrimeVue + Tailwind conflict: Button background missingPrimeVue + Tailwind 冲突：缺少按钮背景
【发布时间】：2022-08-16 16:40:47
【问题描述】：

我从相对较新的 Vue3 + PrimeVue + Tailwind 设置开始。
我的问题是当我添加 Tailwind 时 PrimeVue 按钮无法正确显示。

要对此进行测试，请查看以下Sandbox。
只要tailwind.css 在main.ts 中被注释掉，PrimeVue 按钮就会再次正确显示。
而且只有“主要”按钮受到影响。

您能帮我正确显示 PrimeVue 按钮和 Tailwind 吗？

【解决方案1】：

Tailwind CSS 似乎将按钮背景设置为透明。

我将它的 CSS 移到了您的示例 (main.ts) 中的 Prime 导入之前，这解决了缺少背景的问题。

但是，我不知道这是否会产生其他意想不到的后果。

【讨论】：