How to debug CSS/JavaScript hover issues?

To debug CSS/JavaSript hover issues, you need to follow the below-given steps,

  •  Press F12 to open Inspect Element, in Firefox.
  •  In the DOM view right-click the element, and
  •  Select :hover, :active or :focus at the bottom of the context menu

The following screenshot shows how to debug hover issues −