【问题标题】:slick.js image not full width --> blue borderslick.js 图像不是全宽 --> 蓝色边框
【发布时间】:2015-11-06 07:54:26
【问题描述】:

我目前正在为 fullpage.js 幻灯片中的图像使用 slick.js 幻灯片。其中一张图片没有幻灯片那么宽,滑动到该图片后,整个 slick.js 幻灯片 div 周围出现了一个蓝色边框,就好像我突出显示了它一样。我怎样才能让它消失?

谢谢!

【问题讨论】:

  • 尝试在图像上设置border:noneoutline:none。如有必要,也可以在:focus 上。
  • 用魔法!如果我们需要查看您的代码,我们必须这样做
  • 不幸的是,它只出现在我的浏览器窗口中,而不出现在 jsfiddle 中。

标签: javascript css highlight fullpage.js slick.js


【解决方案1】:

当我单击幻灯片部分时出现蓝色边框,我遇到了同样的问题,这是我的解决方案:

.slick-slide{
    outline: none;
}

或者如果您只想更改轮廓颜色:

.slick-slide{
    outline: #colour auto 5px;
    outline-color: #colour;
    outline-style: auto;
    outline-width: 5px;
}

【讨论】:

    猜你喜欢
    • 2015-12-04
    • 1970-01-01
    • 2015-05-17
    • 2011-08-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-04-17
    相关资源
    最近更新 更多