title: For a Jquery UI button how can I remove the blue glow on focus?
body: <p>I am working with Jquery UI. I have a button that I have replaced with a background image. JQuery UI places a circular blow glow around the button on focus. I want to override the css such that the blue glow does not appear.</p>
  
  <p>The markup looks like this:</p>
  
  <pre><code>&lt;form id="sliderUIContainer" class="noUIeffects"&gt;
   &lt;label for="slider-0" class="ui-hidden-accessible"&gt;Input Slider&lt;/label&gt;
   &lt;input type="range" name="slider" id="slider-0" value="0" min="0" max="20" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>What will I have to add to the CSS to override this effect?</p>