如何使用 CSS 更改输入字段或 textarea 占位符文本颜色
主题:HTML / CSS
答案:使用供应商前缀 CSS 属性
默认情况下， <input><textarea>伪元素 和 伪类，您可以使用它们来自定义占位符文本的外观，如下例所示:
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>使用 CSS 样式化占位符文本</title>
<style>
::-webkit-input-placeholder {
color: orange;
}
:-moz-placeholder { /* 直到 Firefox 18，在 Firefox 19 中已弃用 */
color: orange;
}
::-moz-placeholder { /* Firefox 19+ */
color: orange;
}
:-ms-input-placeholder {
color: orange;
}
</style>
</head>
<body>
<form>
<p><input type="text" placeholder="Please Enter your Name"><p>
<p><textarea placeholder="Please Enter your Comment" cols="30"></textarea><p>
</form>
</body>
</html>FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答:
