Blue outline

I’m having the same problem:

There’s a strange blue line partly around the images in Safari 6.1.4 (Mac) as wel as in Chrome 35 (Mac). The shape is different in both browsers, though. Looks like a focus border.

Not in Firefox and Opera (Mac) by the way.

This seems to work to remove the blue focus border:
Put the following css in your style sheet:

#colorbox:focus {outline:none !important;}
#cboxWrapper:focus {outline:none !important;}

Hopefully it will be fully solved in a next update.

Ever since a recent update I’ve also been having this same problem!

Except I get it in all browsers, even Opera and as a dotted black line in Firefox. This wasn’t happening before the update, and I haven’t changed anything on my end.

I would be grateful for a fix and thank you for your excellent plugin!

Thanks for the fix bxwebber it did the job!

For anyone using the previous and next feature you just need to add the “outline:none” for the following id’s as well:

“#cboxNext:focus” & “#cboxPrevious:focus”

You’re welcome. Glad it works.

Thank you so much bxwebber, problem solved!

Great!

Hi
I’ve added
#colorbox:focus {outline:none !important;}
#cboxWrapper:focus {outline:none !important;}
#cboxNext:focus {outline:none !important;}
#cboxPrevious:focus {outline:none !important;}
to the stylesheet but the blue outline is still displayed on Chrome (OSX) but not on FF.
Is there a setting in lightbox plus colorbox (v2.7.1) that I should look at?
Thank you

Thank you #bxwebber ??