swipe滑动插件使用碰到的问题

用Swiper 做轮播图的时候，把按钮替换成自己想要的图片的时候出现了一个小问题，每次鼠标点击的时候就会出现一个外围小方框，如下

html代码：

<div class="swiper-button-right swiper-button-next">
 <img src="./images/right2.png">
</div>

解决办法：只需要给div 加上如下css代码

div:focus {
    outline: none !important;
}