画像をクリックすると、このように青い線が出てきてしまいます。
自分のパソコンでは表示されないのですが、他の人のパソコンや自分のスマホに出てきました。
HTMLでは以下のように書いてます。
<div class="swiper-wrap"> <div class="swiper-button-prev"><figure class="swiper-left"><img src="img/swipl.svg" alt="アイコン"></figure></div> <div class="swiper-button-next"><figure class="swiper-right"><img src="img/swipr.svg" alt="アイコン"></figure></div> </div>
その場合、以下をCSSに追加すると良いところまで自分で調べて分かりました。
しかし、なぜ自分のパソコンには出てこないのに、他の人のパソコンには出てくるのかが分かりません。
今後このようなことがないように、原因と改善策をご存知の方がいらっしゃいましたら教えていただきたいです。
*:focus { outline: none; }
あなたの回答
tips
プレビュー