E:enabled / E:disabled

匹配一个被启用或禁用的用户界面元素E(比如一个单选按钮或复选框) (来源: W3C)

HTML:

  1. <input type="text" id="theEnabled" value="Enabled" />
  2. <input type="text" id="theDisabled" disabled="disabled" value="Disabled" />

CSS:

  1. input{display:block;width:250px;height:20px;border:1px solid black;margin:5px 0}
  2. input:enabled{border-color:green}
  3. input:disabled{border-color:red}

输出:

Test of :checked

在这个例子中,第一个输入框(enabled)将会有个绿色的边框,第二个(disabled) 将会是红色边框。