title: Bootstrap Switch not visible in High Contrast Mode
body: <p>Bootstrap 4.6: The switch states are not visible in Windows High Contrast Mode.</p>
  <p>Watch in High Contrast Mode:</p>
  <pre><code>&lt;div class=&quot;custom-control custom-switch&quot;&gt;
    &lt;input type=&quot;checkbox&quot; class=&quot;custom-control-input&quot; id=&quot;customSwitch1&quot;&gt;
    &lt;label class=&quot;custom-control-label&quot; for=&quot;customSwitch1&quot;&gt;Toggle this switch element&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Here is a simple <a href="https://codepen.io/softwarea/pen/YzpgjRx" rel="nofollow noreferrer">CodePen</a></p>
  <p>Does anybody know what do do? My priority is MS Edge. All other browsers are not really relevant.</p>
  <p>Unfortunately I <strong>have to</strong> stick with this standard control. Using a 3rd party switch or some other control is not an option.</p>