title: How do I get rid of this blue halo around the close dialog button with jqueryui?
body: <p>I am using jquery ui to create a dialog box, importing <a href="http://gist.github.com/AbeHandler/10433873" rel="noreferrer">this style sheet</a>. 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. </p>
  
  <p>How can I make the halo go away? Going back the the default x is fine.</p>
  
  <p><img src="https://i.stack.imgur.com/35hfI.png" alt="enter image description here"></p>