Owl Carousel Trying to remove grey border around nav

Question

In owl carousel I have added:

navigation:true,
navigationText: ["<img src='img/leftarrow.png'>",
                "<img src='img/rightarrow.png'>"],

The images are of two arrows. However, when I view them there is like a grey oval around them? I want to remove this so only the arrow images themselves are visible.

Answer 1

You need to remove outline by adding these styles:

.owl-next:focus, .owl-prev:focus {outline: none;}