Bootstrap links black boxes on hover

Question

All of a sudden it seems my links now turn to black boxes while being hovered on as well as turn grey after being clicked on. I don't remember changing anything that might have caused this. Instead of posting my 1300 lines of css does anyone have an idea why this may be happening?

Answer 1

Inspect the element's hover state. If you use Google Chrome, open up inspector, right click the element, 'Force Element State' > :hover. You should be able to identify the problem using your inspector and checking the CSS styles for that element.