如何使用javascript更改占位符的颜色？ [复制]答案

【问题标题】：How to change the colour of placeholder using javascript? [duplicate]如何使用javascript更改占位符的颜色？ [复制]
【发布时间】：2015-07-19 00:31:37
【问题描述】：

我想在调用 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";
        }

}

【问题讨论】：

此链接可能对您有所帮助：stackoverflow.com/questions/2610497/…

标签： javascript html css

【解决方案1】：

你不能真正用 JavaScript 修改伪选择器。您必须修改现有的 a 元素。

如果可能，创建一个类：

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

并将其添加到元素中：

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

或者如果你想使用纯 JS，这样做：

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

【讨论】：