span:hover isn't working in Firefox but works in Chrome

Question

I have a piece of code that I doesn\'t work in Firefox. The .icon image does not change when the button is hovered. It works perfectly in Chrome.

Answer 1

I have this solution that works on chrome and also on firefox. Why not try using FontAwesome instead of making that cart icon as image. You can see my JS Fiddle for demo. Hope this helps. Happy Coding.

CSS:

button{
   width: 100px;
    height: 100px;
    color: #000;
}

button:hover{
    color: red;
}

Also you can put your custom hover CSS on button:hover