blue outline in slider dots- owl carousel2.3.4

Question

I am trying to remove the blue outline that shows up when clicking on the dots in the slider, I looked in Owl carousel documentation and scoured the web but couldn't find anything substantial, can someone please help me resolve this

here is the codepen Owl Carousel Dots

$(function() {
    $("#team-members").owlCarousel({
        autoplay: true,
        smartSpeed: 700,
        items: 3,
        loop: true

    });

});

That would be it including states `.owl-dot, .owl-dot:active, .owl-dot:focus { outline: 0; }`. — muradm, Nov 13 '18 at 02:17
Possible duplicate of [how to remove the dotted line around the clicked a element in html](https://stackoverflow.com/questions/13195081/how-to-remove-the-dotted-line-around-the-clicked-a-element-in-html) — muradm, Nov 13 '18 at 02:17

score 2 · Answer 1 · answered Nov 13 '18 at 01:09

2

you just need outline:none

.owl-theme .owl-dots .owl-dot {
    outline: none;
}

answered Nov 13 '18 at 01:09

Riskbreaker

4,621
1
23
31

score 0 · Answer 2 · answered Jun 29 '20 at 10:17

0

button:focus { outline: 0}

This will fix it.

answered Jun 29 '20 at 10:17

Elyas

111
1
3

blue outline in slider dots- owl carousel2.3.4

2 Answers2