red border around error class

HTML

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

CSS

.error input{
    border-style: solid;
    border-color: #c00;
    border-width: 2px;
}
input[type=checkbox] { background:transparent;border:0; margin-top: 2px;}