fancyCheckbox（アイコン表示）サンプル

追加したCSS（head要素内にペースト）

  .checklist li.fancyCheckbox label {
    padding: 8px 8px 0;
    background: center bottom no-repeat;
  }
  #box-item1 label {
    background-image: url(images/box1.png);
  }
  #box-item1.selected label {
    background-image: url(images/box1_selected.png);
  }
  #box-item2 label {
    background-image: url(images/box2.png);
  }
  #box-item2.selected label {
    background-image: url(images/box2_selected.png);
  }
  #box-item3 label {
    background-image: url(images/box3.png);
  }
  #box-item3.selected label {
    background-image: url(images/box3_selected.png);
  }
  #box-item4 label {
    background-image: url(images/box4.png);
  }
  #box-item4.selected label {
    background-image: url(images/box4_selected.png);
  }
  

背景画像一覧

box1.png	box2.png	box3.png	box4.png
box1_selected.png	box2_selected.png	box3_selected.png	box4_selected.png