如何更改colorbox的边框颜色

Question

嗨我在整个网络应用程序中使用colorbox.我想知道我是否可以改变颜色框的边框颜色.我已经完成了代码,看到有一个属性

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

当我去彩盒的图像文件夹时,我看到了一个controls.png图像,用于颜色框和属性的左右边框

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

用于颜色框的顶部和底部边框.两张图片都在dark grey color.

现在我要问的是,如果我想改变颜色框的边框,那么我应该把color.png and border.png那个特定的颜色？我可以用各种颜色拍摄这些图像吗？因为很难在所有颜色中设计相同的图像.

我的Web应用程序的颜色改变了许多颜色,我想显示与这些颜色相关的边框.对此最好的方法是什么？有没有自动化的方法来做到这一点？我搜索但无法得到任何东西.

问候

Answer 1

如何隐藏所有的

$("#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");