css设置placeholder的颜色

CSS中设置placeholder的颜色可以使用以下代码：

```css

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

color: red;

}

::-moz-placeholder { /* Firefox 19+ */

color: red;

}

:-ms-input-placeholder { /* IE 10+ */

color: red;

}

:-moz-placeholder { /* Firefox 18- */

color: red;

}

```

这段代码会为不同浏览器设置placeholder的颜色为红色。需要注意的是，placeholder伪类选择器（`::-webkit-input-placeholder`、`::-moz-placeholder`、`:-ms-input-placeholder`、`:-moz-placeholder`）只对input、textarea等输入框元素有效。

在众多浏览器中，placeholder都对应不同的伪元素，所以需要通过这些伪类选择器分别设置placeholder的样式。此外，不同版本的浏览器对伪元素的支持也有所不同，所以需要为不同版本的浏览器添加不同的前缀。

下面将详细解释每一行代码的含义：

1. `::-webkit-input-placeholder`：通过前缀`::-webkit`来为Chrome、Opera和Safari浏览器设置placeholder样式。

2. `::--moz-placeholder`：通过前缀`::-moz`来为Firefox 19+浏览器设置placeholder样式。

3. `:-ms-input-placeholder`：通过前缀`:-ms`来为IE 10+浏览器设置placeholder样式。

4. `:-moz-placeholder`：通过前缀`:-moz`来为Firefox 18-浏览器设置placeholder样式。

这样，当在表单的input、textarea等元素中使用placeholder属性时，placeholder的文字颜色就会被设置为红色。

当然，你也可以使用其他颜色值，比如十六进制颜色码、RGB颜色值等等。只需要把`color: red;`中的`red`替换为你想要的颜色即可。

值得一提的是，这段代码只能改变placeholder的颜色，而无法改变placeholder的字体、字号、字重等样式。如果你想要更多样式的自定义，可以考虑使用Javascript来完成。例如，可以使用Javascript来**输入框的焦点事件，当输入框获得焦点时隐藏placeholder，失去焦点时恢复placeholder的显示。

希望以上内容能对你有所帮助！