如何更改输入占位符颜色javascript onmouseover,更改占位符值onmouseover?

时间:2012-10-02 15:48:33

标签: placeholder

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)我希望占位符文本更改为onmouseover上的任何其他文本。 我将感谢能给我代码的人。

由于

1 个答案:

答案 0 :(得分:3)

看看这篇文章的回答是用CSS做的:Change an HTML5 input's placeholder color with 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