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 −
