如何更改Colorbox的边框颜色

Question

您好，我正在使用colorbox来开发我的网站。我想知道如何改变colorbox的边框颜色。我已经查看了代码，发现其中有一个属性可以修改边框颜色。

 #cboxMiddleLeft:background: url("images/controls.png") repeat-y scroll left top transparent;

当我进入Color Box的图像文件夹时，我看到了一个控制.png图片，用于调整颜色框的左右边框和属性。

 #cboxBottomCenter: background: url("images/border.png") repeat-x scroll 0 -29px transparent;

对于彩色框的上下边框，两个图像都是 深灰色。

现在我想问的是，如果我想改变彩色框的边框，那么我应该把 color.png 和 border.png 放在那个特定的颜色里吗？我能够得到所有颜色的这些图片吗？因为在所有颜色中设计相同的图片很困难。

我的 Web 应用程序的颜色会改变成许多不同的颜色，我想根据这些颜色显示边框。这方面最好的方法是什么？有没有自动化的方法来完成这项任务？我搜索了但没找到任何信息。

谢谢！

- Awais Qarni

Answer 1

如何隐藏所有的 < /p> 标签？

$("#cboxTopLeft").hide();
$("#cboxTopRight").hide();
$("#cboxBottomLeft").hide();
$("#cboxBottomRight").hide();
$("#cboxMiddleLeft").hide();
$("#cboxMiddleRight").hide();
$("#cboxTopCenter").hide();
$("#cboxBottomCenter").hide();

或者在插件中指定您不想要边框；然后添加以下 CSS：

.blue_border_example {
    border: 10px solid blue;
    border-radius: 10px;
    margin: 10px;
    box-shadow: 0 0 25px blue;
}

接下来将这个类添加到#cboxContent中:

$("#cboxContent").addClass("blue_border_example");

- darksky

---

感谢您的帖子，您能告诉我如何在显示过渡效果时隐藏Colorbox的背景吗？我的意思是，当我点击一个按钮时，我成功地打开了Colorbox，并成功地将页面中的Colorbox背景隐藏起来，现在我想要的是不显示Colorbox背景，而是在加载内容以显示（在过渡效果时间内）时隐藏它。您能否让我知道如何以类似上述隐藏功能的方式做到这一点？ - Srinivas V.

$("#cboxOverlay").hide(); 这是您的意思吗？ - darksky

呵呵，没问题！右键单击，检查元素总是有帮助的。 - darksky