提问人：Oscar R 提问时间：12/18/2022 最后编辑：Mehdi CharifeOscar R 更新时间：12/18/2022 访问量：85
如何将 <input> 元素的 ：:p laceholder 的颜色更改回其默认颜色
How to change the color of the ::placeholder of an <input> element back to its default color
问：
正如您在第二个没有应用 CSS 的输入字段中看到的那样，默认占位符颜色（至少在 chrome 上对我来说）是灰色的。但是，当我在第一个输入字段上将颜色更改回“initial”（应该是其默认颜色）时，它变为黑色。我也尝试使用“unset”，但这也没有用。如何使颜色恢复为默认颜色???
.inp1::placeholder {
color: red;
}
.inp1:hover::placeholder,
.inp1:focus::placeholder {
color: initial;
}<input class="inp1" type="text" placeholder="Search">
<input class="inp2" type="text" placeholder="Search">答：
2赞
dippas
12/18/2022
#1
这似乎是Chrome的问题，Firefox使用关键字表现正常，您可以使用关键字initialrevert
.inp1::placeholder {
color: red;
}
.inp1:hover::placeholder,
.inp1:focus::placeholder {
color: revert;
}<input class="inp1" type="text" placeholder="Search">
<input class="inp2" type="text" placeholder="Search">
评论