Has anyone of you experienced a yellow border wrapped around colorbox items (can be pictures or links) after exit from colorbox mode? It is happening only in chrome and I couldn't find any info on this.
Please try to open any of the small images on the left using chrome browser
http://www.vypadavanie.net/sampon-proti-vypadavaniu-vlasov-revita

Any help would be appreciated.

Comments

frjo’s picture

frjo CreditAttribution: frjo commented
Status: Active » Closed (duplicate)

See http://drupal.org/node/1186346

njwood60’s picture

njwood60 CreditAttribution: njwood60 commented

It is not caused by colorbox but by the fact that Chrome "outlines" the element that has the focus.

see this link for an explanation

http://stackoverflow.com/questions/3875195/google-chrome-textboxes-yellow-border-when-active

You can avoid it in the colorbox css by adding:

#colorbox{outline:0;}

and

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

which is in the current CSS for the colorbox website

loparr’s picture

loparr CreditAttribution: loparr commented
Status: Closed (duplicate) » Closed (fixed)

Thank you

johnnymowmow’s picture

johnnymowmow CreditAttribution: johnnymowmow commented

For others looking for an answer - If the CSS provided by njwood60 does not work for you - try changing #colorbox{outline:0;} to .colorbox{outline:0;}. My installation of colorbox made "colorbox" as a class - not an id.