如何使用 CSS 更改输入字段或 textarea 占位符文本颜色
主题：HTML / CSS上一页|下一页
答案：使用供应商前缀 CSS 属性
默认情况下， <input> 字段和 <textarea> 的占位符文本以浅灰色显示，并且没有标准的 CSS 属性来设置它们的样式。 但是，浏览器提供了一些非标准供应商特定的 伪元素 和 伪类，您可以使用它们来自定义占位符文本的外观，如下例所示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Styling Placeholder Text with 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 相关问题解答
以下是与此主题相关的更多常见问题解答：
Advertisements