style conflicts with tailwind css

[boot-vue]

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

Version

2.1.4

Environment

vue 3

Reproduction link

https://github.com/boot-vue/bug

Steps to reproduce

git clone https://github.com/boot-vue/bug.git

cd vite1

yarn install

yarn dev

open http://localhost:3000/

What is expected?

antv message style performance normal

What is actually happening?

message box icon position is unnormal

---

It is affected by tailwind css, but I don't know which style in tailwind css led to this result

[boot-vue]

notification has this problem also

[sendya]

ant-design-vue override my global styles!

Yes, ant-design-vue is designed to develop a complete background application, we override some global styles for styling convenience, and it can't be removed now. More info trace ant-design/ant-design#4331 .

[boot-vue]

ant-design-vue override my global styles!

Yes, ant-design-vue is designed to develop a complete background application, we override some global styles for styling convenience, and it can't be removed now. More info trace ant-design/ant-design#4331 .

ok, I known how to resolve. tailwind

[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.