如何更改輸入佔位符顏色javascript onmouseover，更改佔位符值onmouseover？

1）我會改變輸入佔位符顏色在一些條件下使用JavaScript（不是CSS，如果它將永遠改變佔位符顏色） 2）我希望佔位符更改爲另一個佔位符onmouseover輸入框。我得到這個功能：如何更改輸入佔位符顏色javascript onmouseover，更改佔位符值onmouseover？

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。我會感謝那些會給我代碼的人。

感謝

來源

2012-10-02 Abdallah Barghouti

看這個職位的答案做在CSS：Change an HTML5 input's placeholder color with CSS

然後，您可以包括CSS規則與的JavaScript。

而你只需要使用僞類:hover爲鼠標懸停。

就像這樣：

CSS

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

的Javascript

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

來源

2012-11-30 10:51:18 Emilie

有添加類清潔方法：的document.getElementById（「yourElementId」） .classList.add（「formInvalid」）; –

這樣一個優雅的解決方案，但由於某種原因，它不適合我：/ – Anthony

如何更改輸入佔位符顏色javascript onmouseover，更改佔位符值onmouseover？

回答

相關問題