Is there a way to maintain a "hover" style even after a page refresh if the user does not move their mouse? The hover effect is only activated on mouse enter/mouseover events, so when the page refreshes, the style doesn't persist unless the user interacts with the mouse again. The following code demonstrates this issue:
$('div').click(function () {
window.location.reload();
});div {
width: 100px;
height: 100px;
background: grey;
}
div:hover {
background: black;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div></div>