Укладка флажка, не касаясь галочки

Question

Я хотел бы изменить цвет фона и удалить границу, чтобы у меня был белый квадрат.

Существует рабочий хак (за исключением IE), где вы можете скрыть ввод и поместить элемент span на его место, которое работает так же хорошо, за исключением того, что он скрывает галочку (статус: checked), и она требует, чтобы вы использовали ваш собственный образ.

С другой ответ StackOverflow:

.myCheckbox input { 
    display: none; 
} 

.myCheckbox span { 
    width: 20px; 
    height: 20px; 
    display: block; 
    background: url("link_to_image"); 
    } 

.myCheckbox input:checked + span { 
    background: url("link_to_another_image"); 
} 

<label for="test">Label for my styled "checkbox"</label> 
<label class="myCheckbox"> 
    <input type="checkbox" name="test"/> 
    <span></span> 
</label> 

Я хотел бы использовать галочки по умолчанию.

Answer 1

Вы не можете установить флажки. Это всегда выполняется с помощью одного взлома или другого. Это действительно дубликат this question. Там есть достаточно ресурсов, я не буду их повторять.