占位符文本 CSS

在 CSS 中，占位符文本是一种特殊的文本格式，用于在网页或应用程序使用文本框或表单时表示为暂时为空的位置。占位符文本通常是浅色文本或灰色文本，在用户开始输入文本之前会自动消失。

HTML 中的占位符文本

在 HTML 中，可以使用 placeholder 属性来创建一个文本框或表单的占位符文本。例如，下面的代码段展示了如何在 HTML 中使用占位符文本：

<input type="text" placeholder="请输入您的名字">

在浏览器中显示的效果是一个文本框，文本框上有浅色文本“请输入您的名字”，该文本会在用户开始输入文本时自动消失。

CSS 样式中的占位符文本

在 CSS 中，可以使用 ::placeholder 伪元素来设置文本框或表单输入的占位符文本的样式。例如，下面的代码片段为文本框的占位符文本设置灰色文本颜色：

input::placeholder {
  color: #999;
}

使用 ::placeholder 伪元素时，可以设置各种样式，包括文本颜色、字体、字号等等。完整可用的样式属性可以参考 MDN Web 文档 ::placeholder 页面。

要注意的是，不是所有浏览器都支持 ::placeholder 伪元素，特别是一些早期版本的浏览器可能不支持。

总结

占位符文本是一个简单而有用的功能，可以让用户快速识别应用程序中的文本框和表单，并知道应该输入什么数据。在 CSS 样式中可以使用 ::placeholder 伪元素来设置占位符文本的样式，使其在外观上更加突出，增加用户输入的便利性。