给placeholder改外观

默认提示文字是灰色的，可以通过CSS来改变文字样式：

?

1

2

3

4

5

6

7

8

9

10

11

12

13

/* all */

::-webkit-input-placeholder { color:#f00; }

input:-moz-placeholder { color:#f00; }

  

/* individual: webkit */

#field2::-webkit-input-placeholder { color:#00f; }

#field3::-webkit-input-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }

#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }

  

/* individual: mozilla */

#field2:-moz-placeholder { color:#00f; }

#field3:-moz-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }

#field4:-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }