Buenos días
Tengo esta lista:
Código HTML:
Ver original<div class="checkbox_list"> <input type="checkbox" name="" />
<div class="checkbox_list"> <input type="checkbox" name="" />
<div class="checkbox_list"> <input type="checkbox" name="" />
Y este es el CSS:
Código CSS:
Ver original.checkbox_list {
width: 25px;
margin: 5px 100px 20px 20px;
position: relative;
float: left;
}
.checkbox_list p {
line-height: 26px;
max-width: 100px;
margin: 0;
padding: 0 0 0 40px;
float: left;
}
.checkbox_list label {
cursor: pointer;
width: 25px;
height: 25px;
position: absolute;
top: 0;
left: 0;
background-color: #eee;
border:1px solid #ddd;
}
.checkbox_list label:after {
opacity: 0.8;
content: '';
position: absolute;
width: 9px;
height: 5px;
background: transparent;
top: 6px;
left: 7px;
border: 3px solid #039800;
border-top: none;
border-right: none;
transform: rotate(-45deg);
}
¿Cómo hago para quitar la selección de la "Opción 3"?
Gracias por su ayuda