Disabled Selector

Disabled Selector example

by Ananda Projapati

HTML

<form id="form1" name="form1" method="post" action="">
  <label for="textfield">Name</label>
  <input type="text" name="textfield" id="textfield" />
  <label for="textfield">Email</label>
  <input type="email" name="textfield" id="textfield" disabled="disabled" />
</form>

CSS

input[type="text"]:enabled{
    background: #f1f1f1;
}
input[type="email"]:disabled {
    background: #dddddd;
}