Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Button inside alert dialog doesn't have color #210

Closed
ceduarte25 opened this issue Dec 28, 2023 · 2 comments
Closed

Button inside alert dialog doesn't have color #210

ceduarte25 opened this issue Dec 28, 2023 · 2 comments
Labels
duplicate This issue or pull request already exists ecosystem Incompatibility with something else tailwind An issue related to Tailwind

Comments

@ceduarte25
Copy link

ceduarte25 commented Dec 28, 2023

The color of the buttons inside of this Alert Dialog doesn't appear and it's only transparent (to be specific, it doesn't appear in production, but appears fine in development)

image

I tried several attributes to try to fix the button but it doesn't work.
One thing I know is it is hindered by this (I found it in the style section in devtools)

[type=button], [type=reset], [type=submit], button { -webkit-appearance: button; background-color: transparent; background-image: none; }

I tried to delete this css element in the devtools style console and the color appeared, apparently the

background-color: transparent

overrides the

background-color: red

in the button.

@ceduarte25
Copy link
Author

@vladmoroz

@vladmoroz
Copy link
Contributor

This style comes from the Tailwind reset. If you intend to use it, see this comment for solution:
#109 (comment)

@vladmoroz vladmoroz added ecosystem Incompatibility with something else duplicate This issue or pull request already exists tailwind An issue related to Tailwind labels Jan 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
duplicate This issue or pull request already exists ecosystem Incompatibility with something else tailwind An issue related to Tailwind
Projects
None yet
Development

No branches or pull requests

2 participants