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
try adding
button:hover{
background : none;
}
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
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•2y ago
Message Not Public
Sign In & Join Server To View
@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.