How to replace a checkbox with an image

Posted by admin on Thu, 04/20/2017 - 09:51

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)

http://onlinecasinogamespcx.com/ casino play slot games slots for real money play online casino

04/26/2020 - 16:23
enetibliole (not verified)

http://onlinecasinogamespcx.com/ casino play slot games slots for real money play online casino

04/26/2020 - 16:30
enetibliole (not verified)

http://onlinecasinogamespcx.com/ casino play slot games slots for real money play online casino

04/26/2020 - 16:37
enetibliole (not verified)

http://onlinecasinogamespcx.com/ casino play slot games slots for real money play online casino

04/26/2020 - 16:38
enetibliole (not verified)

http://onlinecasinogamespcx.com/ casino play slot games slots for real money play online casino

04/26/2020 - 23:12
inticleni (not verified)

online casino best online casinos cashman casino slots

04/26/2020 - 23:24
inticleni (not verified)

online casino best online casinos cashman casino slots

04/26/2020 - 23:24
enetibliole (not verified)

casino slots http://onlinecasinogamespcx.com/ no deposit casino free casino games slots free

04/26/2020 - 23:26
inticleni (not verified)

online casino best online casinos cashman casino slots

04/27/2020 - 07:07
inticleni (not verified)

real money casino free casino games online big fish casino casino play http://onlinecasinosw.com/ - free casino slot games

04/27/2020 - 07:46
enetibliole (not verified)

http://onlinecasinogamespcx.com/ slots games free http://onlinecasinogamespcx.com/ - no deposit casino play slots online

04/27/2020 - 13:20
inticleni (not verified)

http://onlinecasinosw.com/ no deposit casino free slots casino blackjack best online casino

04/27/2020 - 14:13
enetibliole (not verified)

best online casino online casino real money no deposit casino

04/27/2020 - 19:59
inticleni (not verified)

http://onlinecasinosw.com/ vegas casino slots [url=http://onlinecasinosw.com/ ]best online casinos [/url] slot games

04/27/2020 - 20:03
inticleni (not verified)

http://onlinecasinosw.com/ vegas casino slots [url=http://onlinecasinosw.com/ ]best online casinos [/url] slot games

04/27/2020 - 20:04
inticleni (not verified)

http://onlinecasinosw.com/ vegas casino slots [url=http://onlinecasinosw.com/ ]best online casinos [/url] slot games

04/27/2020 - 23:20
enetibliole (not verified)

world class casino slots free casino games online free casino online casinos

04/28/2020 - 02:16
inticleni (not verified)

http://onlinecasinosw.com/ casino slots slots for real money online casino real money online casino

04/28/2020 - 05:51
enetibliole (not verified)

free casino games online online casino slots slots games free casino

04/28/2020 - 05:58
enetibliole (not verified)

free casino games online online casino slots slots games free casino

04/28/2020 - 06:00
enetibliole (not verified)

free casino games online online casino slots slots games free casino

04/28/2020 - 08:49
inticleni (not verified)

slots free online casino online casino bonus

04/28/2020 - 12:16
enetibliole (not verified)

http://onlinecasinopc.com/ online casinos http://onlinecasinopc.com/ - slot games casino games

04/28/2020 - 19:12
enetibliole (not verified)

http://onlinecasinopc.com/ casino game slots games online slot games no deposit casino

04/28/2020 - 19:24
enetibliole (not verified)

http://onlinecasinopc.com/ casino game slots games online slot games no deposit casino