Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/03/2017, 08:20
Avatar de ceaped
ceaped
 
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 9 meses
Puntos: 9
Pregunta Lista checkbox con opciones seleccionadas y otras no

Buenos días
Tengo esta lista:

Código HTML:
Ver original
  1. <div class="checkbox_list">
  2. <p>Opción 1</p>
  3. <input type="checkbox" name="" />
  4. <label for="checkbox_list"></label>
  5. </div>
  6.  
  7. <div class="checkbox_list">
  8. <p>Opción 2</p>
  9. <input type="checkbox" name="" />
  10. <label for="checkbox_list"></label>
  11. </div>
  12.  
  13. <div class="checkbox_list">
  14. <p>Opción 3</p>
  15. <input type="checkbox" name="" />
  16. <label for="checkbox_list"></label>
  17. </div>

Y este es el CSS:

Código CSS:
Ver original
  1. .checkbox_list {
  2.     width: 25px;
  3.     margin: 5px 100px 20px 20px;
  4.     position: relative;
  5.     float: left;
  6. }
  7.  
  8. .checkbox_list p {
  9.     line-height: 26px;
  10.     max-width: 100px;
  11.     margin: 0;
  12.     padding: 0 0 0 40px;
  13.     float: left;
  14. }
  15.  
  16. .checkbox_list label {
  17.     cursor: pointer;
  18.     width: 25px;
  19.     height: 25px;
  20.     position: absolute;
  21.     top: 0;
  22.     left: 0;
  23.     background-color: #eee;
  24.     border:1px solid #ddd;
  25. }
  26.  
  27. .checkbox_list label:after {
  28.     opacity: 0.8;
  29.     content: '';
  30.     position: absolute;
  31.     width: 9px;
  32.     height: 5px;
  33.     background: transparent;
  34.     top: 6px;
  35.     left: 7px;
  36.     border: 3px solid #039800;
  37.     border-top: none;
  38.     border-right: none;
  39.     transform: rotate(-45deg);
  40. }

¿Cómo hago para quitar la selección de la "Opción 3"?

Gracias por su ayuda
__________________
Diseñador Gráfico publicitario