Question

想要为拇指图像添加边框颜色.....我会在CSS中添加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，以便我们可以更好地了解它。

有没有办法在灯光滑块上为拇指边框添加高亮颜色？

2 个答案: