Checkbox selbst getalten

[Linuchs]

Moin Performer,

habe die Grafik (den Haken) runtergeladen und in ein vorhandenes Formular diese Zeilen eingefügt:

<style>
.checkbox:checked + .icon-checkbox:before {
  opacity: 1;
}
.icon-checkbox:before {
  top: -1px;
  left: 3px;
  width: 27px;
  height: 18px;
  background: url(icon-checkmark.svg) no-repeat 0 0;
}
.icon-checkbox:before {
  content: " ";
  position: absolute;
}
</style>
<div class="form-item form-type-checkbox form-item-updates-opt-in-td">
 <label class="form-label label-checkbox" for="edit-updates-opt-in-td"> <input type="checkbox" id="edit-updates-opt-in-td" name="updates_opt_in_td" value="Tesla Newsletter" checked="checked" class="checkbox" /><i class="icon-checkbox"></i>
Test Checkbox </label>
</div>

Ich sehe nur die Standard-Checkbox. Irgendwas muss noch fehlen.

Linuchs