button在firefox 和 ie 下的问题

最近做了一个关于数据库管理的项目，因为不用考虑ie9以下的兼容性，所以一股脑的写完啦，到测试的时候发现了一个bug

IE和火狐下有个模块关闭按钮的hover没有反应，ie不行就算了，火狐怎么也不行？我那个去。

 

原本的效果图

 

关闭按钮的css代码是很普通的，根本找不到问题

但是为什么button的hover又是正常的呢，完全搞不懂啊。

 

于是我又新建了 一个html 去测试，结果还是一样。

完全看不出问题。群里问小伙伴，大家都测试了一下，确实有问题。

最后发现是这个button在作怪。把button换成span标签后就行了 。

而且这个button会影响里面i标签的事件，所以尽量不要在button里面加上另外有事件的元素。