如何使用javascript更改佔位符的顏色？

Question

我想在調用mobileValidate（）後更改此佔位符的顏色。

<input type="text" class="form-control" name="InputMobile" id="Mobile" placeholder="Enter Mobile Number" onblur="mobileValidate()"required> 

JavaScript函數是

function mobileValidate(){ 

    var x = document.getElementById("Mobile"); 

     if ((x.value).match(re)){ 
      alert("mobile Number is valid"); 
     } 
     else{ 

      alert("mobile no is not valid"); 
      x.value=""; 
      x.placeholder.style.color="red"; 
     } 

} 

Answer 1

你真的不能修改僞選擇使用JavaScript。你將不得不修改現有的一個元素。

如果可能的話，做一個類：

.your-class::-webkit-input-placeholder { 
    color: #b2cde0 
} 

，並將其添加到元素：

$('input').addClass('your-class'); 

或者，如果你想使用純JS，這樣做：

x.classList.add('your-class');