Hack de caixa de seleção avançado

Você conhece o hack da caixa de seleção padrão ?

HTML

<label for="toggle-1">Do Something</label>
<input type="checkbox" id="toggle-1">
<div>Control me</div>

CSS

input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

div {
  background: green;
}

input[type=checkbox]:checked ~ div {
  background: red;
}

Problema

Este hack não está funcionando no iOS (mais antigo) e no Android (atualizado).

Solução

Como nós consertamos isso? Leia mais sobre isso em meu artigo Advanced Checkbox Hack !