UI ?? ?? ?? ??? ???

?? UI ?? ?? ?? ???? ?? ?? ??? ??? ?? ???? ???? ???? ??? ??????.
?? ????? ??? ? ?? ??? ??, ????? ???? ?? ??? ? ??? ?? ?? ?? ?? ??? ??? ??

CSS 3?? 11?? UI ?? ??? ???? ????:

E:hover;/*支持firefox、safari、Opera、ie8、chrome*/
E:active;/*支持firefox、safari、Opera、chrome   不支持ie8*/
E:focus; /*支持firefox、safari、Opera、ie8、chrome*/
E:enabled;/*支持firefox、safari、Opera、chrome   不支持ie8*/
E:disabled;/*支持firefox、safari、Opera、chrome   不支持ie8*/
E:read-only;/*支持firefox、Opera  不支持ie8、safari、chrome */
E:read-write/* 支持firefox、Opera  不支持ie8、safari、chrome*/ 
E:checked /*支持firefox、safari、Opera、chrome   不支持ie8*/
E::selection /* 支持firefox、safari、Opera、chrome   不支持ie8 */
E:default /*只支持firefox*/
E:indeterminate/*只支持Opera*/

??? ??:

1.E: ?? ???? ??? ???? ?? ??? ? ???? ???? ???? ???? ? ?????. ??.
2.E:active selector? ??? ???? ?(???? ?? ??? ???? ?? ?? ??) ???? ???? ???? ? ?????.
3.E: ??? ???? ??? ???? ?? ? ??? ???? ???? ? ?????. ?? ????? ???? ???? ?? ? ????, ??? ??? ?????.
4:E:enabled ???? ?? ??? ?? ??? ??? ? ???? ???? ? ?????.
5:E:disabled ???? ?? ??? ?? ???? ??? ? ???? ???? ? ?????.
6.E:read -only ???? ??? ?? ?? ??? ? ???? ff ??? -moz-read-only ???? ???? ?? ??? ???? ? ?????.
7.E: ??-?? ???? ???? ? ?????. ??? ?? ??? ?? ??? ?? ??????. ff ???? -moz-read-write ???? ???? ???.
8.E: ??? ???? ??? ??? ???? ????? ??? ??? ? ???? ???? ? ?????. ff ???? -moz-checked ???? ???? ???.
9.E: ?? ???? ???? ? ? ????? ???? ??? ???? ????? ???? ???? ? ?????. ????? ??? ??? ??? ??? ???? ????? ???? ???? ?? ??? ?????? E:default ???? ???? ??? ???? ??? ??????? ?? ???? ???.
10.E: ???? ?? ? ??? ?? ??? ??? ??? ??? ??? ???? ?? ?? ??? ???? ??? ?? ?? ??? ???? ???? ? ?????. ???? ? ??? ??? ??? ???? ?? ??? ?? ??? ???? ???? ????.
11.E::selection ???? ??? ??? ? ???? ???? ? ?????. ??? ???? ? ?? ff ???? ??? ?? -moz-selection ???? ???? ??? ????.

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ipnx.cn/" />
<title>php中文網(wǎng)</title>
<style type="text/css">
ul li{
  list-style:none;
}
input[type='text']:disabled{
  color:green;
}
</style>
</head>
<body>
<ul>
  <li><input type="text" value="php中文網(wǎng)"/></li>
  <li><input type="text" disabled value="php中文網(wǎng)"/></li>
</ul>
</body>
</html>

???? ??

??? ??

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://ipnx.cn/" /> <title>php中文網(wǎng)</title> <style type="text/css"> ul li{ list-style:none; } input[type='text']:disabled{ color:green; } </style> </head> <body> <ul> <li><input type="text" value="php中文網(wǎng)"/></li> <li><input type="text" disabled value="php中文網(wǎng)"/></li> </ul> </body> </html>

?????? ???

????