cssjquery-uijquery-ui-dialogjquery-ui-button

Remove jQuery UI Dialog Button border/outline


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


Solution

  • 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;