title: Bootstrap Switch, how to remove the outline of the switcher
body: <p>I am using bootstrap-switch - v3.3.1, but I don't need the defaulted blue outline of the switcher when swithing<img src="https://i.stack.imgur.com/yF8Hc.png" alt="enter image description here">, I set <code>style="outline: 0 none;</code> for the input but it does not work.</p>
  
  <p>Here is my html:</p>
  
  <pre><code>            &lt;div class="switch" style="display:inline-block;&gt;
                  &lt;input id="accu-switcher" type="checkbox" style="outline: 0 none;" checked data-label-text="TEXT"/&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code> $('#accu-switcher').bootstrapSwitch({size: "mini",state: false});
          $('.module .switch').css("visibility","visible");
  </code></pre>