How to change color frame colorbox

Question

Hi, I am using colorbox in my web application. I wonder if I can change the border color of my color window. I looked at the code and see that there is an attribute

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

and when I go to the folder with images in the color field, I see the image controls.png for the left and right borders of the color field and the property

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

for the upper and lower borders of the color scale. Both images are in dark grey color .

Now I want to ask that if I want to change the border of a color field, should I put color.png and border.png in this specific color? Can I get these images in all colors? Because it is difficult to create the same images in all colors.

The color of my web application changes in many colors, and I want to show borders with respect to these colors. What is the best approach for this? Is there any automated way to do this? I searched, but could not get anything.

Hi

Answer 1

How to hide everything

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

Or simply indicate in the plugin that you do not want a border; then add the following css

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

Then add this class to #cboxContent as:

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