jquery - div：hoverがjquery .animateで機能しないのはなぜですか？

Question

jqueryでアニメーション化された検索フォームを作成したいと思います。私はすでに行っていますが、：hoverの背景を持つ.search-iconというdivが機能しません：

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

この問題は、jqueryアニメーションが原因である可能性があります。

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

でもどこかわからない！
助けてください！

ありがとうございました！

Answer 1

からを削除pointer-events:noneします

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

これにより、一部のFirefox / Webkitブラウザーでのみ、マウスオーバーなどのポインターイベントがCSSによって無視されるようになります。

Answer 2

ホバーは問題なく機能しますが、送信ボタンでそれを覆っています。