33558 www.cn blogs.com/chaoyue hedy/p/5586735.html checkbox设计得很好。
虽然以前按照UX的要求实现了,但是还有差距。 还要继续学习呢~~~
input [ type=' checkbox ' ] {-WebKit-appearance 3360 none; -moz-appearance:checkbox; 垂直对准:米; 背景- image 3360 URL (images/icon _ select _ disabled.png ); 背景尺寸: 14px 14px; height: 14px; width: 14px; margin: 0 4px 0 0; Outline :无; } input [ type=' checkbox ' ] : hover {-WebKit-appearance : none; -moz-appearance:checkbox; 垂直对准:米; 背景- image 3360 URL (images/icon _ select _ normal.png ); 背景尺寸: 14px 14px; height: 14px; width: 14px; margin: 0 4px 0 0; Outline :无; } input [ type=' checkbox ' ] : checked { height 336014 px; width: 14px; margin: 0 4px 0 0; Outline :无; -webkit-appearance: none; -moz-appearance:checkbox; 垂直对准:米; 背景- image 3360 URL (images/icon _ select _ selected.png ); 背景尺寸: 14px 14px; }