blue outline in slider dots- owl carousel2.3.4

Viewed 1385

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

    });

});
2 Answers

you just need outline:none

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

This will fix it.

Related