占位符显示输入字段的预期值的简短提示。
它有助于用户在输入值之前了解输入的格式。
使用占位符属性，我们可以将占位符文本添加到HTML输入字段。

通常，大多数浏览器的占位符文本的颜色为灰色。
占位符文本颜色也可以使用CSS中的::占位符选择器更改。
自定义占位符颜色非常有用，可以使用HTML表单UI相同的输入归档UI。
在此代码片段中，我们将展示如何使用CSS更改表单元素的占位符颜色。

::占位符选择器（伪元素）允许我们自定义输入字段中的占位符文本的样式。
以下代码段将占位符文本颜色更改为使用CSS的::占位符元素更改为红色。

<input type="text" placeholder="Enter your email...">

以下CSS将在所有主要浏览器中更改占位符颜色。

::-webkit-input-placeholder { /* Chrome, Opera, and Safari */
  color: red;
}
:-moz-placeholder { /* Firefox 18- */
  color: red;
}
::-moz-placeholder { /* Firefox 19+ */
  color: red;
}
:-ms-input-placeholder { /* Microsoft Edge */
  color: red;
}