有没有办法在lightslider上给拇指边框添加高亮颜色？

Question

希望为拇指图像添加边框颜色.....我是将其添加到css中，还是在html代码中添加一个样式部分？

<script src="js/jquery-1.8.0.min.js"></script>
<script src="js/lightslider.js"></script>
<script>
     $(document).ready(function() {
        $("#content-slider").lightSlider({
            loop:true,
            keyPress:true
        });
        $('#image-gallery').lightSlider({
            gallery:true,
            item:1,
            thumbItem:9,
            slideMargin: 0,
            speed:700,
            auto:true,
            loop:true,
            pause: 5500,
            bordercolor: #222222   <-------------------  ???
            onSliderLoad: function() {
                $('#image-gallery').removeClass('cS-hidden');
            }
        });
    });
</script>

Answer 1

不幸的是，lightSlider doesn't provide an option to style the border color的图像。因此，您不能在对象中使用bordercolor。

您需要像这样使用CSS：

.lSGallery > li {
    border: 1px solid #222222;
}

您还可以通过执行以下操作来确定当前活动缩略图的目标：

.lSGallery > li.active {} 

Answer 2

您可以简单地在HTML本身或外部CSS文件中编写CSS类。确保您正在编写的类应用于所有元素。如果您仍然面临问题，请在此处链接一个JSfiddle，以便我们可以更好地了解它。