Placeholder 如何在MouseOver上更改输入占位符颜色，在MouseOver上更改占位符值？

1） 在某些情况下，我会使用javascript更改输入占位符的颜色（如果永远更改占位符的颜色，则不是CSS） 2） 我希望占位符在输入框上变成另一个占位符。 我得到了这个函数：

if(email.value==''){
email.style.borderColor = "#FF0000";
email.setAttribute('placeholder',"Plea… fill this required field");
//code for changing the placeholder color
//code for changing the placeholder onmouseover
}

1） 我的占位符颜色通常是“#C9C9C9”，我想通过此代码将其更改为另一种颜色。 2） 我希望占位符文本在MouseOver上更改为任何其他文本。 我会感谢那个给我密码的人

---

谢谢

看看这篇文章的答案，用CSS来做：

然后，您可以使用javascript包含CSS规则

您只需对鼠标悬停使用伪类

：hover

就这样,

CSS

input.formInvalid::-webkit-input-placeholder {
   color: red;
}

Javascript

document.getElementById("yourElementId").className += " formInvalid"; //add the class .formInvalid to your element

---

看看这篇文章的答案，用CSS来做：

然后，您可以使用javascript包含CSS规则

您只需对鼠标悬停使用伪类

：hover

就这样,

CSS

input.formInvalid::-webkit-input-placeholder {
   color: red;
}

Javascript

document.getElementById("yourElementId").className += " formInvalid"; //add the class .formInvalid to your element

---

有一种更简洁的方法来添加类：document.getElementById（“yourElementId”）.classList.add（“formInvalid”）；这是一个非常优雅的解决方案，但由于某些原因它对我不起作用：/document.getElementById（“yourElementId”）.classList.add（“formInvalid”）；这是一个如此优雅的解决方案，但出于某种原因，它对我不起作用：/