Skip to main content
4 de 4
título editado
Joel Ibaceta
  • 2.4k
  • 13
  • 34

¿Cómo hacer un checkbox escondido, personalizado?

Estoy intentando hacer un checkbox personalizado en el que se cambie el color de fondo de mi label según está seleccionado o no, y de esta fora esconder el checkbox en si. El código que tengo es este:

.milabel {
  background-color:#c9c9c9;
  border-radius:5px;
  padding:20px;
  cursor:pointer;
  }
input:checked{
  }
<input id="micb" type="checkbox"><br><br>
<label class="milabel" for="micb"> Hola mundo! Soy clickeable </label>

Sé que con el input:checked se puede modificar el checkbox en sí para darle cierto estilo pero desconozco.

Pavlo B.
  • 1.9k
  • 17
  • 58
  • 82