Whiteout background on hover over buttons/menu components in Chakra UI

While using either buttons or menus(even with many other components) when I hover the mouse over the component a weird grayish color comes in the background and I can't find any props for that too.
5 Replies
glutonium
glutonium2y ago
try adding button:hover{ background : none; }
Anubhab Roy Chowdhury
no it doesn't work. This button already comes without the background. But when I hover over it, only then this comes(the background) at first i thought maybe that specific color comes from the text color so tried changing it by putting it <txt></txt> and and applying styling to it but to no avail
Chris Bolson
Chris Bolson2y ago
What does the dev tools inspector say when you hover over it? You should be able to work out what is happening from that.
Unknown User
Unknown User2y ago
Message Not Public
Sign In & Join Server To View
Anubhab Roy Chowdhury
@Kudema @Chris I'm extremely sorry for not seeing this. I kept at it for a while and gave up finally and switched to tailwind.
Want results from more Discord servers?
Add your server