Naive UI 搭配Tailwind CSS 出现按钮变白,样式冲突,不兼容的解决

Tailwind CSS 的预热样式默认会替换Naive UI的样式导致出现冲突,主要有:

按钮底色变成白色、按钮涟漪出现绿边、字体异常等,

在最新的V3版本tailwindcss解决很简单,Preflight关闭即可:

tailwind初始化css去掉以下一行就行:

@tailwind base;

这个选项本质上是为了项目的样式一致性,但是使用NaiveUI时组件库已经保证了样式的一致性,我们只是需要css语法糖。

你可能感兴趣的:(ui,css,前端)