如何更改fancybox边框颜色

Question

我一直在尝试从白色改变fancybox的边框颜色。我成功地定位了除边框之外的fancybox的每个部分。如何更改fancybox的颜色边框？

Answer 1

如果您使用的是1.3.4，则边框位于#fancybox-content css规则中。快速的萤火虫或devtools检查会告诉你。

两个版本的

更新 [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 之间的区别

Answer 2

使用fancybox 2.x，对我有用的东西是：

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

这似乎设置了帧的颜色，其宽度通过“padding”参数设置为$（“。fancybox”）。fancybox（...）init函数。

Answer 3

更改border-color属性，而不是背景颜色。这就是我必须做的事情。

Answer 4

但如果你想要一个“真正的边界”：在你的......

$（ '的fancybox'）。的fancybox（{

...设置padding : 0,

......并在你的CSS中：

.fancybox-outer, .fancybox-inner {position: relative;}

...添加，例如border:1px solid #f00;