React-slick: How to remove the blue border when the slide is selected?

[ReactGirl]

When you select one slide it gets a blue border. How can I remove that?

[ReactGirl]

I wrap an additional div and get the result.

[aibrahim3546]

Can you provide some example code? @ReactGirl

Because I wrap mine and it didn't work:

I wrap it like this:

   <Slider {...settings}>
      <div>
         <div>
            <h3>1</h3>
         </div>
       </div>
   </Slider>

I still can see the border when I select the slide.

[jongirard]

I was able to solve this by adding a wildcard focus rule to my css:

*:focus {
  outline: 0;
  outline: none;
}

[Vince-vegas]

Write this to your css file

.slick-slide div {
    outline: none;
}

[phembarl]

I was able to solve this by adding a wildcard focus rule to my css:

*:focus {
  outline: 0;
  outline: none;
}

😂 No time

[phembarl]

Write this to your css file

.slick-slide div {
    outline: none;
}

This works. Thanks