css自定义占位文本(placeholder)的样式的方法示例

<put placeholder="我是红色的！">

put::placeholder {
  color: red;
  font-size: 1.2em;
  font-style: italic;
}

put::-webkit-put-placeholder {
    color: #999;
}
/ IE10+ /
put:-ms-put-placeholder {
    color: #999;
}
/ Firefox4-18 /
put:-moz-placeholder {
    color: #999;
}
/ Firefox19+ /
put::-moz-placeholder {
    color: #999;
}
put::placeholder {
  color: #999;
}

textarea::-webkit-put-placeholder {
    color: #999;
}
/ IE10+ /
textarea:-ms-put-placeholder {
    color: #999;
}
/ Firefox4-18 /
textarea:-moz-placeholder {
    color: #999;
}
/ Firefox19+ /
textarea::-moz-placeholder {
    color: #999;
}
textarea::placeholder {
  color: #999;
}