【jQuery】slick内にaタグで囲んだ画像をクリックした時に枠線がでる現象の対策のデモページ

※デベロッパーツール等でソースコードをご確認ください（Please check using Developer tools）

1. クリック（タップ）した時に枠線がでる(初期設定)

2. クリック（タップ）しても枠線がでない

CSS

.wrap {
  position: relative;
  width: 768px;
  margin: 70px auto 0;
}

.slide a {
  display: block;
  margin: 20px;
  padding: 20px;
}

.slider02 .slick-slide a {
  outline:none;
}

@media screen and (max-width:640px){
  .wrap {
    width: 100%;
  }
}

JavaScript

$(function() {
  $('.slide').slick({
    autoplay: true,
    autoplaySpeed: 3000,
    slidesToShow: 3,
    arrows: false,
  });
});