Onay Butonu

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

<div class="gra-custom-form-control gra-checkbox">
  <input class="gra-custom-form-input" id="custom-checkbox" type="checkbox"  />
  <label class="gra-custom-form-label" for="custom-checkbox">Onay Butonu</label>
</div>
<div class="gra-custom-form-control gra-checkbox">
  <input class="gra-custom-form-input" id="custom-checkbox-2" type="checkbox" disabled checked />
  <label class="gra-custom-form-label" for="custom-checkbox-2">Onay Butonu Devre Dışı</label>
</div>

Renkler

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