Styling HTML checkboxes with images

Question

I want to add an image to the checkbox... That is if it is selected tick mark (I have image) should be shown. else cross image should be shown... Is this possible using CSS or using jQuery? Please provide me link that guide me.

Wouter Dorgelo · Accepted Answer · 2011-12-01 18:15:32Z

2

You can do this with CSS and some JS:

http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

edited Dec 1, 2011 at 18:15

answered Dec 1, 2011 at 17:31

Wouter Dorgelo

12.1k12 gold badges67 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

MCSI · Accepted Answer · 2011-12-01 18:12:44Z

0

its imposible with css, you have to use any plugin

for example, with the example of @mr-pallazzo and changing the image, with your own image

answered Dec 1, 2011 at 18:12

MCSI

2,92430 silver badges35 bronze badges

Comments

sirmdawg · Accepted Answer · 2011-12-01 18:24:39Z

0

You might like to try:

First one seems quite useful :)

Third one is pretty (if I can say that about code)

edited Dec 1, 2011 at 18:24

answered Dec 1, 2011 at 18:18

sirmdawg

2,5813 gold badges21 silver badges32 bronze badges

Collectives™ on Stack Overflow

Styling HTML checkboxes with images

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related