How to replace a checkbox with an image

A short note how to replace your checkbox with an image.

<div class="mycheckbox">
    <input type="checkbox" name="useful" id="useful" />
    <label for="useful">It is useful?</label>
</div>

.mycheckbox input[type="checkbox"] {
  display: none;
}
.mycheckbox input[type="checkbox"]+label {
   background: url('images/checkbox-off.png') no-repeat;
  width:20px;
  height: 20px;
}
.mycheckbox input[type="checkbox"]:checked + label {
  background: url('images/checkbox-on.png');
  width: 20px;
  height: 20px;
}

Tags:

css

Hey! Don't miss a new cool stuff!

Comments

04/19/2020 - 22:21

enetibliole (not verified)

http://casinorealmoneysoe.com/ slots online http://casinorealmoneysoe.com/ - slots games free casino slots

04/19/2020 - 22:24

enetibliole (not verified)

http://casinorealmoneysoe.com/ slots online http://casinorealmoneysoe.com/ - slots games free casino slots

04/24/2020 - 02:22

enetibliole (not verified)

online casino bonus http://onlinecasinogamespcx.com/ play slots online casino real money free slots games

04/24/2020 - 02:31

enetibliole (not verified)

online casino bonus http://onlinecasinogamespcx.com/ play slots online casino real money free slots games

04/24/2020 - 02:32

enetibliole (not verified)

online casino bonus http://onlinecasinogamespcx.com/ play slots online casino real money free slots games

04/24/2020 - 15:16

enetibliole (not verified)

casino online slots http://onlinecasinogamespcx.com/ - real casino slots casino slots casino slots casino online

04/24/2020 - 22:33

enetibliole (not verified)

free casino games http://onlinecasinogamespcx.com/ - vegas slots online online casino games slots games free online casino

04/24/2020 - 23:37

inticleni (not verified)

http://onlinecasinosw.com/ slots for real money http://onlinecasinosw.com/ - free slots slot games

04/25/2020 - 04:59

enetibliole (not verified)

online casino games http://onlinecasinogamespcx.com/ - world class casino slots casino play slots free

04/25/2020 - 05:51

inticleni (not verified)

slot games http://onlinecasinosw.com/ - free casino free casino slot games play slots

04/25/2020 - 12:32

enetibliole (not verified)

online casino games http://onlinecasinogamespcx.com/ - slots games online casino games world class casino slots casino games

04/25/2020 - 12:35

enetibliole (not verified)

online casino games http://onlinecasinogamespcx.com/ - slots games online casino games world class casino slots casino games

04/25/2020 - 13:21

inticleni (not verified)

http://onlinecasinosw.com/ best online casinos http://onlinecasinosw.com/ - casino games online casino

04/25/2020 - 19:22

enetibliole (not verified)

casino bonus codes http://onlinecasinogamespcx.com/ - no deposit casino slots games real money casino

04/25/2020 - 19:48

inticleni (not verified)

free online slots http://onlinecasinosw.com/ - online casino slots for real money online slot games online casino real money

04/25/2020 - 20:09

Idpnre x (not verified)

Aunbbl ywuwti genericviagra

04/26/2020 - 01:49

enetibliole (not verified)

online casino gambling online slot games casino games casino play

04/26/2020 - 02:08

inticleni (not verified)

free casino http://onlinecasinosw.com/ no deposit casino online casino bonus play casino

04/26/2020 - 08:56

enetibliole (not verified)

http://onlinecasinogamespcx.com/ free casino slot games http://onlinecasinogamespcx.com/ - free slots games casino blackjack

04/26/2020 - 08:57

enetibliole (not verified)

http://onlinecasinogamespcx.com/ free casino slot games http://onlinecasinogamespcx.com/ - free slots games casino blackjack

04/26/2020 - 09:01

inticleni (not verified)

real casino slots online slots free casino games online

04/26/2020 - 09:04

inticleni (not verified)

real casino slots online slots free casino games online

04/26/2020 - 09:06

inticleni (not verified)

real casino slots online slots free casino games online

04/26/2020 - 16:06

inticleni (not verified)

real money casino http://onlinecasinosw.com/ - real money casino online casino games real money casino casino slots

04/26/2020 - 16:08

inticleni (not verified)

real money casino http://onlinecasinosw.com/ - real money casino online casino games real money casino casino slots

04/26/2020 - 16:16

enetibliole (not verified)