title: Changing toggle-button style
body: <p>I want to change the style of the toggle-button  like this. </p>
  
  <p><a href="https://i.stack.imgur.com/i4h8W.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/i4h8W.png" alt="Toggle-Button"></a></p>
  
  <p>This is my sample code:</p>
  
  <pre><code>&lt;div class="form-group has-feedback"&gt;
    &lt;input id="wffm302ebacf2b634d59b0dc1e81e451bc8d_Sections_0__Fields_6__Id" name="wffm302ebacf2b634d59b0dc1e81e451bc8d.Sections[0].Fields[6].Id" type="hidden" value="{D7AB5D2E-444F-49C7-91E4-564496D7C8A2}"&gt;
    &lt;div&gt;
      &lt;input data-val="true" data-val-required="The Value field is required." id="wffm302ebacf2b634d59b0dc1e81e451bc8d_Sections_0__Fields_6__Value" name="wffm302ebacf2b634d59b0dc1e81e451bc8d.Sections[0].Fields[6].Value" type="checkbox" value="true" autocomplete="off" style="display: none;"&gt;
      &lt;span class="button-checkbox bootstrap-checkbox"&gt;
        &lt;button type="button" class="btn clearfix custom-btn"&gt;
          &lt;span class="icon fa fa-check theme-text" style="display:none;"&gt;&lt;/span&gt;
          &lt;span class="icon fa fa-check-square"&gt;&lt;/span&gt;
          &lt;span class="icon cb-icon-check-indeterminate" style="display:none;"&gt;&lt;/span&gt;
        &lt;/button&gt;
      &lt;/span&gt;
      &lt;label class="switch"&gt;
        &lt;input name="wffm302ebacf2b634d59b0dc1e81e451bc8d.Sections[0].Fields[6].Value" type="checkbox" value="false"&gt;
        &lt;span class="slider round"&gt;&lt;/span&gt;
      &lt;/label&gt;
    &lt;/div&gt;
    &lt;span class="field-validation-valid help-block" data-valmsg-for="wffm302ebacf2b634d59b0dc1e81e451bc8d.Sections[0].Fields[6].Value" data-valmsg-replace="true"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/ako5z18m/1" rel="nofollow noreferrer">Jsfiddle example</a></p>
  
  <p>I tried few CSS but it is not exactly what I want. I tried:</p>
  
  <pre><code>  .switchbtn:before {
      position: absolute;
      content: "";
      height: 32px;
      width: 26px;            
      background-color: black;
      -webkit-transition: .4s;
      transition: .4s;
  }
  </code></pre>