<form class="example-enabled">
<fieldset>
<input type="text" disabled="disabled" />
<input type="text" />
<input type="text" disabled="disabled" />
</fieldset>
</form>
<form class="example-disabled">
<fieldset>
<input type="text" disabled="disabled" />
<input type="text" />
<input type="text" disabled="disabled" />
</fieldset>
</form>
form{ margin-bottom:20px;}
form input{
width:100%;
display:block;
margin-bottom:10px;
}
.example-enabled input:enabled{
border:2px solid #f00;
}
.example-disabled input:disabled{
border:2px solid #f00;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.