button在firefox 和 ie 下的问题

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

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

 

原本的效果图

 

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

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

 

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

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

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

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

原文地址:https://www.cnblogs.com/zzd0916/p/7999469.html