red border around error class

HTML

<div class="error">
    <input type='checkbox'>
    <input type='text'>
</div>

CSS

.error {
    border-style: solid;
    border-color: #c00;
    border-width: 2px;
    display: inline-block;
}
input[type=checkbox] {
    background:transparent;
    border:0;
    margin-top: 2px;
    
    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    height: 12px;
    width: 12px;
    margin-top: 6px;
    display: inline-block;
}