<input type="text" value="有効な入力欄"><br>
<input type="text" value="無効な入力欄" disabled><br>

<input type="checkbox">
<label>チェックボックスです</label>
<input type="checkbox" checked="checked">
<label>チェックボックスです</label>
input:enabled {
  color: red;
}
input:disabled {
  background-color: yellow;
}

input[type="checkbox"]:checked + label {
  background-color: red;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.