Как создать пользовательский флажок с

Question

Я пытаюсь создать пользовательский флажок для моего, но не могу найти способ.Я пытался прокрасться после каждого ввода, но мне не удалось это сделать.Вот что у меня есть:

<sf:checkboxes items="${categories }" itemValue="id"
    itemLabel="genre" path="categories"
    element="span class='checkbox'" />

Классы CSS:

.checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

 .checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
} 

.checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

.checkbox label {
    padding-left: 5%;
}

Помощь высоко ценится.