Remove jQuery UI Dialog Button border/outline

css jquery-ui jquery-ui-dialog jquery-ui-button
Ford picture Ford · May 23, 2013 · Viewed 11.9k times · Source

Which class do I need to modify/change to remove the outline of a JQuery UI Dialog Button. I can't seem to figure out which class is applying the border/outline around the 'X' button. The outline goes away when I click on the button.

I'm using this CSS: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css

Answer

Ford picture Ford · May 23, 2013

I solved my own question. Turns out that outline-color doesn't have a transparent/none option, so I had to override outline-width for the classes. So I set

outline-width: 0px !important;

Related questions

How to remove close button on the jQuery UI dialog?

How do I remove the close button (the X in the top-right corner) on a dialog box created by jQuery UI?

Read More
jqueryui dialog positioning

I am using JQuery UI and would like to position my dialog horizontally centered but vertically above center, maybe by a fixed amount of pixels or a relative distance from the top of the page. Is there an easy way …

Read More
jquery ui dialog fixed positioning

I needed the dialog to maintain its position fixed even if the page scrolled, so i used the extension at http://forum.jquery.com/topic/dialog-position-fixed-12-1-2010 but there's 2 problems with it: it flickers in IE and Firefox on …

Read More