为什么'；t div:hover使用jquery.animate？

我想创建一个带有jquery动画的搜索表单但我有一个名为.search icon的div，背景为：hover，不起作用：

.search-icon:hover {
            background: url(search-icon-hover.png) no-repeat 50% 50% !important;
        }

问题可能是由jquery动画引起的：

$('.wrapper-simple .search-icon').animate({'left': '195px'}) 

但我不知道在哪里
请帮忙

---

谢谢大家!

从中删除

指针事件：无

.wrapper-simple .search-icon{
    pointer-events: none;
}

---

这使得CSS只在某些Firefox/Webkit浏览器上忽略鼠标悬停等指针事件。

您的鼠标悬停运行正常，但您的提交按钮将其覆盖。

您的链接肯定存在一些问题，因为CSS鼠标悬停可以与jQuery animate配合使用。到底出了什么问题？当我将鼠标悬停在图标上时，它会变成橙色。什么不起作用？