Lista checkbox con opciones seleccionadas y otras no

[KATHYU]

Me mata la curiosidad como es que aparece el cheque en el label

No es invocado en ningún lado, aparece "mágicamente" con el content:''; si alguien es tan amable de sacarme de esa duda.

@ceaped: lo único que pude hace es otra clase y ahí si sale lo que to quieres, no se si en tu caso queres obsesionarte con hacerlo de una sola vez

Código HTML:

<div class="checkbox_list">
<p>Opción 1</p>
<input type="checkbox" name="" />
<label for="checkbox_list"></label>
</div>
 
<div class="checkbox_list">
<p>Opción 2</p>
<input type="checkbox" name="" />
<label for="checkbox_list"></label>
</div>
 
<div class="checkbox_list2">
<p>Opción 3</p>
<input type="checkbox" name="" />
<label for="checkbox_list"></label>
</div>
 

Código CSS:

.checkbox_list {
    width: 25px;
    margin: 5px 100px 20px 20px;
    position: relative;
    float: left;
}
.checkbox_list2 {
    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_list2 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_list2 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);
}
.checkbox_list2 label:after {
    opacity: 0.8;
    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);
}
 

De funcionar funciona