ruby-on-rails - fancybox2-rails：覆盖样式

Question

我想使用 fancybox2-rails 覆盖默认样式。特别是，我想像这样在幻灯片之外设置导航：

http://jsfiddle.net/Xh3B2/

不幸的是，这不适用于我正在尝试的任何传统方式，例如在我看来手动覆盖 css：

$(function(){
    // override fancybox default styling
    console.log("overriding styling");
    $('.fancybox').css("margin", "20px 60px 20px 60px");
    $('.fancybox-prev').css("left", "-60px");
    $('.fancybox-next').css("right", "-60px");
}

在我的浏览器中，我可以看到样式是在文件 jquery.fancybox.css 中定义的，但我无法访问该文件。我该如何更改样式？

Answer 1

为了解决这个问题，我创建了文件

fancybox_and_overrides.css.scss

并将其放在我的样式表文件夹中。

然后我将内容编辑为如下所示：

.fancybox-prev{
    left:-80px !important;
}

.fancybox-next{
    right:-80px !important;
}

.fancybox-nav{
    width: 60px !important;
}

它奏效了！