某些占位符文本上的CSS颜色,但不是全部

某些占位符文本上的CSS颜色,但不是全部,css,Css,假设我有两个输入字段,其中一个是必填字段,另一个不是 它们应作为标准占位符使用,除了必填字段的占位符文本应为红色外,另一个应为占位符默认值,并且在输入一些文本后,它们的外观应相同 如何使用CSS实现这一点?使用:required伪选择器可能会对您有所帮助,可能会与::placeholder伪选择器结合使用 HTML: 我如何用它来设计输入框的样式?你的问题不包括HTML,与此一致,我不小心忘记了在CSS中包含某些部分。我也在答案中加入了你的HTML。谢谢!我不敢相信我不知道所需的关键字。他们一定

假设我有两个输入字段,其中一个是必填字段,另一个不是

它们应作为标准占位符使用,除了必填字段的占位符文本应为红色外,另一个应为占位符默认值,并且在输入一些文本后,它们的外观应相同


如何使用CSS实现这一点?

使用:required伪选择器可能会对您有所帮助,可能会与::placeholder伪选择器结合使用

HTML:


我如何用它来设计输入框的样式?你的问题不包括HTML,与此一致,我不小心忘记了在CSS中包含某些部分。我也在答案中加入了你的HTML。谢谢!我不敢相信我不知道所需的关键字。他们一定是在我不看的时候把那个词滑进去的:-/对不起,选民们,我不知怎么地没有意识到所需的关键字,而是在搜索强制关键字。我可以删除此项,以避免更多的反对票,但这将使其在未来能够帮助其他人,而且毫无疑问,有一天它将登上谷歌搜索的榜首,吸引更多的反对票:-
<input type="text" id="name" name="name" placeholder="Your Name" required />
input:required {
    // CSS
}

input:required::placeholder {
    // CSS
}