css - 如何更改花式框边框颜色

Question

我一直在尝试将 fancybox 的边框颜色从白色更改。除了边框，我已经成功定位到 fancybox 的每个部分。如何更改 fancybox border 的颜色？

Answer 1

如果您使用的是 1.3.4，则边框位于 #fancybox-content css 规则中。快速的 firebug 或 devtools inspect 会告诉你这一点。

更新 [2015 年 3 月] 两个版本:

Fancybox v1.3.4

<style type="text/css">
#fancybox-content {
 border-color: #FF0000 !important; /* or whatever */
}
</style>

JSFIDDLE

对于 Fancybox v2.0.x

<style type="text/css">
.fancybox-outer {
 background-color: #FF0000; /* or whatever */
}
</style>

对于 Fancybox v2.1.x

<style type="text/css">
.fancybox-skin {
 background-color: #FF0000 !important; /* or whatever */
}
</style>

JSFIDDLE

注意 fancybox v2.0.x 和 v2.1.x 之间的区别