HTML5 input placeholder 颜色修改示例

要修改HTML5 input标签中placeholder的颜色，可以使用CSS的伪元素选择器::placeholder。由于不同的浏览器对这个伪元素的支持有所不同，因此需要添加不同的浏览器前缀来确保兼容性。以下是一个示例，展示了如何修改placeholder的颜色：

input::placeholder {
    color: red;
}

input::-webkit-input-placeholder { /* WebKit browsers */
    color: red;
}

input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: red;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: red;
}

input::-ms-input-placeholder { /* Internet Explorer 10+ */
    color: red;
}

在这个示例中，我们首先使用了标准的::placeholder伪元素选择器来设置placeholder的颜色为红色。然后，我们添加了针对不同浏览器的前缀，以确保在各种浏览器中都能正确显示。

请注意，::-webkit-input-placeholder是针对WebKit内核浏览器（如Chrome和Safari）的前缀，::-moz-placeholder是针对Mozilla Firefox浏览器的前缀，而::-ms-input-placeholder是针对Internet Explorer 10及以上版本的前缀。

此外，如果你想要修改特定input元素的placeholder颜色，可以使用类选择器或ID选择器来定位到该元素，例如：

.input-red::placeholder {
    color: red;
}

#input-red::placeholder {
    color: red;
}

在HTML中，你可以这样使用这些类或ID：

<input type="text" class="input-red" placeholder="请输入内容">
<input type="text" id="input-red" placeholder="请输入内容">

这样，只有带有input-red类或id为input-red的input元素的placeholder颜色会被修改为红色。