Button type 'primary' color style is overired by transparent color

[anhlhpl52119]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

4.0.0-rc.6

Environment

MacOS: Ventura 13.4,
Chrome: 115.0.5790.114 (arm64),
Vue: v3.3.4

Reproduction link

https://github.com/vueComponent/ant-design-vue

Steps to reproduce

Install Antdv following: https://next.antdv.com/docs/vue/getting-started
Create file.vue
import {Button} from 'ant-design-vue';
use button component as:

<Button type="primary">
   Primary Button
</Button>

What is expected?

Button display as normal primary button as example : https://antdv.com/components/button

What is actually happening?

Primary button style is display as 'transparent' color, not 'primary color' as default

---

I inspected the DOM and findout the style of '.ant-btn-primary' is overied by 'button, [type='button'], [type='reset'], [type='submit']'

[withoutmeat]

same problem

[aibayanyu20]

Did you use the reset style of the lib ?

[Azdoit]

是不是使用了tailwindcss ，默认情况会有tailwindcss的默认属性导致添加了bcground-color:transparent的样式。可以在tailwind的配置文件里添加corePlugins对象，并设置preflight为false

[kovsu]

When I use unocss, I encountered the same problem because I imported import "@unocss/reset/tailwind.css";. Everything went back to normal after commenting out this file. I think the issue here might also be because you imported other styles.

[liuyuanjun]

是不是使用了tailwindcss ，默认情况会有tailwindcss的默认属性导致添加了bcground-color:transparent的样式。可以在tailwind的配置文件里添加corePlugins对象，并设置preflight为false

新手请问如何配置，用的unocss，没有tailwind.config.ts ，只有 uno.config.ts

[kovsu]

@liuyuanjun 看看我 ⬆️ 面说的那段话

[MySecret]

我也遇到这个问题了，引入了‘import '@unocss/reset/tailwind.css'就会有问题，能解决吗

[aibayanyu20]

我也遇到这个问题了，引入了‘import '@unocss/reset/tailwind.css'就会有问题，能解决吗

引用antd自带的reset.css

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.