Toggle component style is broken when on hover and on focus

[naufal3737]

Hello, I'm new in programming.
I want to use the toggle component for remember me but it seems broken when I hover and click it.
I use Laravel.

I already saw the FAQ and tried removing tailwindcss/forms but the problem still exist

[saadeghi]

Do you have any other CSS code in your project that may apply styles to inputs?

Can you share a small reproduction repo so I can reproduce the problem? Or if the project is online, a link would be enough so I can see the styles.

[naufal3737]

It's actually in my css code that change this behavior, thank you very much sorry to bother with such a newbie question.

I think it's this one that messed up the toggle style.

input:active, input:focus, input:hover, input:visited, input.active, input.focus, input.hover, input.visited { box-shadow: unset !important; outline: 0 !important; }

[EvgeniiaVak]

I had the same issue, the problem was I had tailwindcss-forms installed for some reason, and they were conflicting.