I have a logo carousel on my website and when I click on one of the logos, a black outline appears indicating that it is selected. I've tried using
img::selection {
background: transparent;
}
but it didn't work as expected. I want to get rid of this black outline selection. Here's an example of how it looks:
Here is the code snippet:
HTML
<section class="customer-logos slider pb-5">
<div class="slide"><img src="logos_clientes/img1.png"></div>
<div class="slide"><img src="logos_clientes/img2.png"></div>
<div class="slide"><img src="logos_clientes/img3.png"></div>
<div class="slide"><img src="logos_clientes/img4.png"></div>
<div class="slide"><img src="logos_clientes/img5.png"></div>
<div class="slide"><img src="logos_clientes/img6.png"></div>
<div class="slide"><img src="logos_clientes/img7.png"></div>
</section>
CSS
.slick-slide {
margin: 0px 20px;
}
/* More CSS styles here */
If anyone can help me remove the black outline on selection, I would greatly appreciate it. Thank you!