Hover and active styles not working after a site is visited, but only in Chrome!

Hi,

As the subject states, once I visit a site, my hyperlinks are not showing any active or hover styling, only visited styling. I researched this extensively and there were many suggestions about order of the link styling being important, specifically, hover and active coming after visited in the CSS style sheet. So, I tried changing the order in different ways.

I also tried internal CSS and inline styling, nothing fixes it. Other browsers like Edge and Firefox are displaying correctly.

I also tried deleting Chrome browser data, restarting the app etc. No fix.

Thanks.

Hi @rob88blu

Is the Chrome browser up to date?

Check DevTools for any error messages.

Happy coding

Hi,

Thanks for the quick response.

Chrome is up to date. Since I’m learning code, I’m not familiar with Chrome devtools. Any pointers in terms of where errors appear etc?

Cheers.

You can open Chrome dev tools with Ctrl + Shift + I then click on “Console” in the nav bar if you’re not already there.

“Unchecked runtime.lastError: The message port closed before a response was received.”

Hi @rob88blu

Try turning off extensions one at a time. This may help isolate if they are causing a problem.

Yep, it was an extension.

Cheers.