Anahtar

Özelleştirilmiş anahtar kullanmak için input tagine .custom-form-input classını, label tagine .custom-form-label classını ve kapsayıcısına da .custom-form-control ve .switch classlarını vermelisiniz.

<div class="custom-form-control switch">
  <input class="custom-form-input" id="custom-switch" type="checkbox" name="" />
  <label class="custom-form-label" for="custom-switch">Anahtar</label>
</div>
<div class="custom-form-control switch">
  <input class="custom-form-input" id="switch-disable" type="checkbox" disabled checked />
  <label class="custom-form-label" for="switch-disable">Anahtar Devre Dışı</label>
</div>

Renkler

<div class="custom-form-control switch blue">
  <input class="custom-form-input" id="switch-blue" type="checkbox" />
  <label class="custom-form-label" for="switch-blue">Anahtar Mavi</label>
</div>
<div class="custom-form-control switch green">
  <input class="custom-form-input" id="switch-green" type="checkbox" />
  <label class="custom-form-label" for="switch-green">Anahtar Yeşil</label>
</div>
<div class="custom-form-control switch yellow">
  <input class="custom-form-input" id="switch-yellow" type="checkbox" />
  <label class="custom-form-label" for="switch-yellow">Anahtar Sarı</label>
</div>
<div class="custom-form-control switch red">
  <input class="custom-form-input" id="switch-red" type="checkbox" />
  <label class="custom-form-label" for="switch-red">Anahtar Kırmızı</label>
</div>
🎧☕️❤️& Gralig ile yapıldı. © 2019