问题描述
我一直在尝试将fancybox的边框颜色从白色更改.我已经成功地瞄准了fancybox的除边框以外的所有部分.我如何更改自动装订盒边框的颜色?
I've been trying to change fancybox's border color from white. I've succeeded in targeting every part of fancybox except the border. How can I change the color of the fancybox border?
推荐答案
如果您使用的是1.3.4,则边框位于#fancybox-content
css规则中.快速的Firebug或devtools检查将告诉您.
If you're using 1.3.4, the border is in #fancybox-content
css rule. A quick firebug or devtools inspect will tell you that.
更新 [2015年3月]:
UPDATE [March 2015] for both versions:
对于Fancybox v1.3.4
For Fancybox v1.3.4
<style type="text/css">
#fancybox-content {
border-color: #FF0000 !important; /* or whatever */
}
</style>
JSFIDDLE
对于Fancybox v2. 0 .x
For Fancybox v2.0.x
<style type="text/css">
.fancybox-outer {
background-color: #FF0000; /* or whatever */
}
</style>
对于Fancybox v2. 1 .x
For 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 之间的区别
Notice the difference between fancybox v2.0.x and v2.1.x
这篇关于如何更改fancybox的边框颜色的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!