How to remove ‘:hover’ CSS behavior from element?

Spread the love

Sometimes, we want to remove ‘:hover’ CSS behavior from element.

In this article, we’ll look at how to remove ‘:hover’ CSS behavior from element.

How to remove ‘:hover’ CSS behavior from element?

To remove ‘:hover’ CSS behavior from element, we set the styles for the :hover selector.

For instance, we write

<div class="test testhover">blah</div>

to add a div.

Then we write

.testhover:hover {
  border: 1px solid red;
}

to select the div and set its border that’s applied when we hover over the element.

Conclusion

To remove ‘:hover’ CSS behavior from element, we set the styles for the :hover selector.

Leave a Reply

Your email address will not be published. Required fields are marked *