swiper.jsにでる枠線を消したい

Question

前提・実現したいこと

前回の質問で思った通りのスライダーを設置することができました。

【前回】https://teratail.com/questions/319042

しかし、選択したタブにPCでは黒い囲み線、スマホでは青い線がでるのが気になってしまいます。

これらを消すにはどうすればよいでしょうか？

該当のソースコード

https://jsfiddle.net/Lhankor_Mhy/om2g6jcz/2/

よろしくお願いします。

Comments

[Lhankor_Mhy]

当方の環境(iOS14.3)では問題が再現しませんでした。

[Lhankor_Mhy]

とおもったら、再現しました。
問題を把握しました。

[Lhankor_Mhy]

あ、いや、PCもですか。
そちらは問題が再現しないですね。win10 Firefox85
同じ原因かな……？

Answer 1

とりあえず、iOS14.3で確認した問題は、以下で解決しました。

.tab-menu .swiper-pagination-bullet {
    outline: none;
}

---

参考：
outline - CSS: カスケーディングスタイルシート | MDN

Comments

[userHoog]

枠線が消えたのを確認しました。ありがとうございます。

コードを書かれたら「そんな単純なことか...」となるのですが、
やはり知識がないとそこまで辿り着けませんでした。本当にありがとうございました。
今回の件で知らないコードがたくさんでてきたので少しずつ勉強していきたいと思います。

ちなみにPCの動作環境は、win10 googlechoromeでした。