画像マウスオーバー時に周りが白くなる

Question

画像マウスオーバー時に周りが白くなる

例えば、例のように「トップに戻る」ボタンですが、
![
マウスオーバーすると、

このように、画像の周りが白くなり、少し不恰好になります。マウスオーバーしても白くならない方法はありますか？

topボタンは、CSSで作成せず、画像（透化png）で作成しています。ちなみに、CSSのみで作成した時は、この現象は起きません。ただ、中の上向き矢印の位置が、ブラウザによって微妙に変わってしまい、いまいちなのでpngにしています（CSSの書き方が悪いのかもしれないですが…）

環境は、macOS 10.13.3、症状が確認できるブラウザは、chrome バージョン: 68.0.3440.106（Official Build） （64 ビット）、fireFOX 61.0.1 (64 ビット）、opera、55.0.2994.37です。safariは再現できませんでした。

お手数をおかけますが、わかる方ご回答いただければ幸いです。よろしくお願いいたします。

Comments

[spookybird]

hover時になにかCSSを適用していたりしませんか？事象を再現可能な最小限のソースコードを提示してください。

[88rilorilo]

返答遅れて申し訳ありません。自己解決いたしました。この度はありがとうございました^_^

Answer 1

返答遅れて申し訳ありません。自己解決いたしました。

a:hover に適用していてたbackground colorが白になっていました。ありがとうございました。