strange border shows on item click

[anelad]

All the items when clicked gets a strange thing like border, and when you click anywhere it goes. I thought somehow it's getting 'user selection' like text selection / highlighting. Added the required attributes without luck.

The problem also exists in http://kenwheeler.github.io/slick/

Here are screenshots:

[Hsuanyinwu]

That outline is caused by the slide being active. Just add a class to remove the outline on focus of the slide.

.slick-slide:focus { outline: none; }

[sgClaudia98]

That is the default value in browser to outline, that's mozilla's, in chrome is orange, so... I fix the issue for all my components with

*{
outline:none
}

Note: make sure to put it on top of the style so if you have another outline style this gets overrided