Slick.jsでスライドをクリック(タップ)したときの枠線を消す。

簡単に使えて便利なスライド用のjQueryプラグイン「Slick.js」ですが、1つ気に入らない点が。
それは、カルーセルをやって、マウスでつかんでスライド使用とすると、カルーセルの各コマに枠線が表示されてしまうところ。
これは中身をクリックした時点で発生しますので、つかまなくても、「slick-slide」というクラスがついた要素の中身をさわると囲み線が表示されます。
カルーセルからlightboxを表示しようとしている場合などにも問題で、裏で枠線が表示されているというちょっとかっこ悪い感じになってしまいます。

解決法は簡単で、「slick-slide」のクラスに「outline:none;」を指定するだけです。
最初から設定してあると良いのですけどね。

コメント