[CSS] input placeholder 樣式化

html 5 input 多了新的 attribute placeholder，要樣式話則需要使用擬態的方式。

view plaincopy to clipboardprint

1. /* all */  
2. ::-webkit-input-placeholder { color:#f00; }   
3. ::-moz-placeholder { color:#f00; } /* firefox 19+ */  
4. :-ms-input-placeholder { color:#f00; } /* ie */  
5. input:-moz-placeholder { color:#f00; }   
6.   
7. /* individual: webkit */  
8. #field2::-webkit-input-placeholder { color:#00f; }   
9. #field3::-webkit-input-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }   
10. #field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }   
11.   
12. /* individual: mozilla */  
13. #field2::-moz-placeholder { color:#00f; }   
14. #field3::-moz-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }   
15. #field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }