4

嗨，我在整个 Web 应用程序中使用颜色框。我想知道是否可以更改颜色框的边框颜色。我浏览了代码，看到有一个属性

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

当我转到颜色框的图像文件夹时，我看到颜色框和属性的左右边框的控件.png 图像

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

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

现在我想问的是，如果我想改变颜色框的边框，那么我应该把它color.png and border.png放在那个特定的颜色中吗？我可以得到所有颜色的这些图像吗？因为很难设计出所有颜色的相同图像。

我的 Web 应用程序的颜色以多种颜色变化，我想显示与这些颜色相关的边框。最好的方法是什么？有没有自动化的方法来做到这一点？我搜索但什么也找不到。

问候

4

1 回答 1

11

把所有的东西都藏起来怎么样

$("#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");
于 2012-07-18T11:06:05.937 回答