Как изменить цвет заполнителя с помощью 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');