css - replace checkbox with unicode character -


i trying replace unchecked checkboxes following unicode character: ☐ or ◻

i tried doing making checkboxes' content property unicode character, doesn't seem working.

here css style tried above with:

.question input[type='checkbox']{     background:none;     content:◻;     cursor:pointer; } 

how can replace checkbox or hide , in place have unicode character?

here jsfiddle trying this: http://jsfiddle.net/mnsav/

example :before

http://jsfiddle.net/mnsav/2/

.question input[type='checkbox'] + label:before {     content:"◻"; } .question input[type='checkbox']:checked + label:before {     content:"✓"; } .question input[type='checkbox'] {     display:none; } 

Comments

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

javascript - jQuery .height() return 0 when visible but non-0 when hidden -