[Html/CSS] 详解HTML的‹input> 标签及其禁用方法

<form action="form_action.asp" method="get">   
    First name: <input type="text" name="fname" />   
    Last name: <input type="text" name="lname" />   
    <input type="submit" value="Submit" />   
  </form>

<input type="text" disabled="disabled" value="已禁用" />   
  <input type="text" disabled="disabled" value="已禁用" />   
  <input type="text" disabled="disabled" value="已禁用" />

//Chrome Firefox Opera Safari  
  input:disabled{  
    border: 1px solid #DDD;  
    background-color: #F5F5F5;  
    color:#ACA899;  
  }

//IE6 failed  
  input[disabled]{  
    border: 1px solid #DDD;  
    background-color: #F5F5F5;  
    color:#ACA899;  
  }

input.disabled{  
    border: 1px solid #DDD;  
    background-color: #F5F5F5;  
    color:#ACA899;  
  }

//Chrome Firefox Opera Safari IE9+  
  input:disabled{  
    border: 1px solid #DDD;  
    background-color: #F5F5F5;  
    color:#ACA899;  
  }  
  //IE8-  
  input[disabled]{  
    border: 1px solid #DDD;  
    background-color: #F5F5F5;  
    color:#ACA899;  
  }  
  //IE6 Using Javascript to add CSS class "disabled"   
  * html input.disabled{  
    border: 1px solid #DDD;  
    background-color: #F5F5F5;  
    color:#ACA899;  
  }