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

Checkbox ¿Cómo hacer un checkbox escondido, personalizado?

Estoy intentando hacer un ckeckboxcheckbox personalizado en el que se cambie el color de fondo de mi labellabel según está seleccionado o no, y de esta fora esconder el checkboxcheckbox 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>

Se que con el input:checkedinput:checked se puede modificar el checkboxcheckbox en sí para darle cierto estilo pero desconozco.

Estoy intentando hacer un ckeckbox 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>

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

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>

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

título editado
Enlace
Pavlo B.
  • 1.9k
  • 17
  • 58
  • 82

Checkbox escondido personalizado

Origen Enlace
Pavlo B.
  • 1.9k
  • 17
  • 58
  • 82
Loading