某些占位符文本的CSS着色，但不是全部

Question

我们说我有两个输入字段，其中一个是强制性的，另一个不是。

它们应该作为标准占位符运行， 除了 必填字段的占位符文本应该是红色，另一个应该是占位符默认值，它们应该看起来都是相同的一些文字我们输入。

如何使用CSS实现这一目标？

Answer 1

您可能使用：required伪选择器，可能与:: placeholder伪选择器结合使用。

HTML：

<input type="text" id="name" name="name" placeholder="Your Name" required />

CSS：

input:required {
    // CSS
}

input:required::placeholder {
    // CSS
}