Hello, I'm running Drupal 7.2 with the Fusion 7.x-2.0-beta2 Theme.

I found that when I set my colorbox module to use the stockholmsyndrome style that the close, prev, next buttons all had borders around them.

Chrome inspect element reports that a user agent stylesheet is being used for the element.

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
-webkit-box-align: center;
text-align: center;
cursor: default;
color: buttontext;
padding: 2px 6px 3px;
border: 2px outset buttonface;
border-image: initial;
background-color: buttonface;
box-sizing: border-box;
}

I have corrected the problem by adding the following to the colorbox_style.css
button {
        border: none;
}

I'm not sure if this is a complete solution, or a proper solution at all. Perhaps there is other styling intended for button elements.

Comments

Title:Stockholmsyndrome Style - Issue with styling on <button>Built in styles Style - Issue with styling on <button> in recent versions of the Colorbox plugin
Assigned:Unassigned» frjo
Status:Active» Needs work

Resent version of the Colorbox plugin added the "button" tag and I have not taken the time to fix the three styles that are included with the Colorbox module yet.

Will try to put together a patch in the near future.

Version:7.x-2.3» 7.x-2.x-dev
Status:Needs work» Fixed

Have committed a fix for this (and outlines) to 7-dev.

Status:Fixed» Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Here is the patch if you don't want to run a dev release: http://drupalcode.org/project/colorbox.git/patch/a7a0fa6391f8b7e93dc8c8a...

@frjo: FYI it looks like whatever fix you did solved the weird button outlines but broke Stockholm Syndrome style (buttons do show beyond colorbox boundaries itself). I think it's an overflow issue.