概要
chromeである要素だけクリックした時に黒い枠線が表示されることがあった
原因
対象要素にtabindex属性が付いていて、クリックした時に強調としてoutlineプロパティが設定される
そもそもなぜtabindexが付いたのか？
スライダーライブラリのslick.jsを使用しており、そこでtabindexが付与されるようになっていた
対処2種
- tabindexを削除
- outline: none;を設定
（そもそもスライダーの範囲の横に余白があり、その余白部分だけ枠線が表示されていた。なのでスライダーとそのコンテンツのサイズは合わせるようにすれば良い）
参考
tabindex - HTML: HyperText Markup Language | MDN