3

アクティブなスライドのスタイルをオレンジ色の境界線にしたいと考えています。

ここに画像の説明を入力

そのクラスが : であることを知っているslick-activeと、構造は次のようになります。

<div class='slick-slide slick-active' ...>

私はこれを思いつきます：

jQuery

$('div').find('.slick-active').css('border', 'orange 3px solid');

それらを表示させることができませんでした。誰かがこれで私を助けることができますか?

アップデート：

jQuery 構文エラーを修正した後、境界線を表示するようになりましたが、意図的に望んでいるものではありません。

現時点での結果:

ここに画像の説明を入力

これが私のJSFiddleです

4

2 に答える 2

2

これを見つけるまで、まったく同じ問題を抱えていました: https://community.serif.com/forum/18904/how-do-i-add-the-slick-slider-to-webplus。Martin は、css を .slick-center クラスに追加するだけの素晴らしい答えを持っています。最初のコード ブロックの下にオレンジ色の境界線を追加すると、うまくいくはずです。

.center .slick-center h3 {
    -moz-transform:scale(1.08);
    -ms-transform:scale(1.08);
    -o-transform:scale(1.08);
    -webkit-transform:scale(1.08);
    color:#e67e22;
    opacity:1;
    transform:scale(1.08);
 }
.center h3 {
    opacity:0.8;
    transition:all 300ms ease;
}
于 2015-08-11T23:27:19.870 に答える
0

私は同じ問題に直面していたので、さらに参考のために：

クラス.slick-currentを使用してこれを行うことができました

その周りに div を配置したので、セレクタ#divID .slick-current {}を使用できます

例：

#sliderPreviewBox .slick-current  {
padding-bottom: 5px;
border-bottom: 2px solid #006ab2;
color: blue; 
}
于 2016-08-15T07:57:34.170 に答える