×

Welcome to TagMyCode

Please login or create account to add a snippet.
 

checkbox with image

0
0
 
0
Language: HTML
Posted by: Marosi Dóra
Added: Aug 24, 2017 9:03 AM
Views: 2460
Tags: no tags
  1. input[type="checkbox"] {
  2.     display:none;
  3. }
  4. input[type="checkbox"] + label span {
  5.     display:inline-block;
  6.     width:19px;
  7.     height:19px;
  8.     margin:-1px 4px 0 0;
  9.     vertical-align:middle;
  10.     background:url(images/check_radio_sheet.png) left top no-repeat;
  11.     cursor:pointer;
  12. }
  13. input[type="checkbox"]:checked + label span {
  14.     background:url(images/check_radio_sheet.png) -19px top no-repeat;
  15. }

Write a comment

To post comments, please log in or register.