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");

如何更改colorbox的边框颜色

1 个答案: