bernie2436 bernie2436 - 4 months ago 17
jQuery Question

How do I get rid of this blue halo around the close dialog button with jqueryui?

I am using jquery ui to create a dialog box, importing this style sheet. It has this annoying halo around the close button. I am having trouble getting rid of it because once I click the halo it goes away (some kind of manipulation from jquery ui) -- so I can't see the relevant css rules. I tried to pick the color from a chrome extension (and then search for it in the css file) but once I click it disappears.

How can I make the halo go away? Going back the the default x is fine.

enter image description here

Answer

give this a shot:

.ui-button:focus { outline:none !important }