1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS3的状态伪类选择器</title> 6 <style type="text/css"> 7 :enabled{ 8 background-color: blue; 9 }; 10 :disabled{ 11 background-color: yellow; 12 }; 13 :checked{ 14 background: blue; 15 width: 100px; 16 }; 17 </style> 18 <script type="text/javascript"></script> 19 </head> 20 <body> 21 <input type="text" value="tom"><br> 22 <input type="text" value="北京" disabled><br> 23 篮球<input type="checkbox" checked value="篮球"><br> 24 足球<input type="checkbox" value="足球"><br> 25 </body> 26 </html>
原文：http://www.cnblogs.com/qianjilou/p/6372021.html