title: Bootstrap Checkbox Switch Background color issue during disable
body: <p>These bootstrap checkboxes are without disable:</p>
  
  <p><a href="https://i.stack.imgur.com/gKwWS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gKwWS.png" alt="enter image description here"></a></p>
  
  <p>These bootstrap checkboxes are disabled:</p>
  
  <p><a href="https://i.stack.imgur.com/dMXoB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dMXoB.png" alt="enter image description here"></a></p>
  
  <p>During Disable state it changes background color but I don't want to change background color i want as it is in the disabled state so how can I do this?</p>
  
  <p>I already trying to override default class but nothing change.</p>
  
  <p>This is the default CSS from bootstrap</p>
  
  <pre><code>.switch input:disabled + span {
      background-color:#f1f1f1;
      cursor: not-allowed;
  }
  </code></pre>
  
  <p>I want to remove this background color!!</p>