Ver Mensaje Individual
  #8 (permalink)  
Antiguo 19/02/2019, 08:40
Avatar de Rafael
Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Cambiar aspecto label al hacer clic en checkbox

Yo te comento acerca de la estructura base de lo que estás haciendo.

Código HTML:
Ver original
  1. <label class="subfolder2" for="subfolder2">
  2.    <a href="#">Documentación</a>
  3. <input type="checkbox" name="subfolder2" id="subfolder2">

Esto no tiene sentido.
Un label está asociado con tu checkbox. No hay razón de poner un link dentro si lo que debe de hacer el label es activar el checkbox.

Una mejor estructura es

Código HTML:
Ver original
  1. <label class="subfolder2" for="subfolder2"></label>
  2. <input type="checkbox" name="subfolder2" id="subfolder2">
  3. <div></div>

Y ya podrás hacerle cosas al div que sigue después de tu checkbox.

En cuanto al uso de clases... bueno yo no uso class-itis, o sea yo no hago class particulares, en ese sentido mejor usa id. Independientemente de eso yo dejaría subfolder2 para darle estilo al label, no para identificarlo.

En dado caso ponle un class al checkbox o un id:

Código HTML:
Ver original
  1. <input type="checkbox" name="subfolder2" id="subfolder2">

y usa ese identificador para tu hoja de estilo

Código CSS:
Ver original
  1. #Boton1:checked + div

Última edición por Rafael; 20/02/2019 a las 07:21