如何更改fancybox邊框顏色

我一直在嘗試從白色更改fancybox的邊框顏色。除了邊界，我已經成功地鎖定了fancybox的每個部分。如何更改花式框邊框的顏色？如何更改fancybox邊框顏色

2012-02-12 earachefl

什麼版本的fancybox的 – elclanrs 2012-02-12 22:23:15

版本1.3.4 ....... – earachefl 2012-02-14 01:39:15

如果您使用的是1.3.4，則邊框在#fancybox-content css規則中。一個快速的螢火蟲或devtools檢查會告訴你。

UPDATE [2015年3月]的兩個版本：

有關的fancybox V1.3.4

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

有關的fancybox V2。 .X

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

有關的fancybox V2。 .X

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

通知的fancybox V2.0.x中和v2.1.x

2012-02-12 22:28:27 elclanrs

其實，這就是我所做的，這是我嘗試的第一件事情，加上！重要的。在我的網站上，至少，該規則改變了所有的內容，但邊界。是的，我正在使用1.3.4。任何其他想法？ – earachefl 2012-02-14 01:37:06

你能鏈接你的網站嗎？ – elclanrs 2012-02-14 01:37:58

@elclanrs：我決定刪除我的答案並編輯你的代碼並添加版本2.x. – JFK 2012-02-14 03:36:57

變化之間的差border-color財產，而不是背景顏色。這就是我必須做的。

2012-02-14 01:45:26 earachefl

對於那些投了贊成票的人來說，我對有些咖啡的評論是針對我自己的，因此可以認爲這是自我嘲諷（希望）幽默辦法。至少，這是我希望它遇到的方式。這裏幽默不容忍嗎？ – earachefl 2012-02-14 13:35:05

我猜投票下來也可能是幽默的;） – JFK 2012-02-14 21:06:25

嗯......在另一個宇宙中，也許吧。 – earachefl 2012-02-15 02:43:08

使用的fancybox 2.x的，這對我工作的事情是：

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

這似乎設置框的顏色，它的寬度是通過「填充」參數設置爲$ （「.fancybox」）。fancybox（...）init函數。

2012-11-07 21:24:04 Magnus

謝謝，這對我使用最新的fancybox2構建（截至2013年6月14日） – dferraro 2013-06-14 21:57:24

這是今天的正確路由，fancyBox v2.1.5 – Mike 2014-10-02 02:13:43

但是，如果你想有一個「真正的邊界」：在你的...

$（ '的fancybox'）的fancybox（{

...設置padding : 0,

...在你的CSS：

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

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

2014-10-03 06:29:53 plugincontainer

回答