如何使用javascript更改占位符的颜色?

时间:2015-05-08 07:14:12

标签: javascript html css

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

}

1 个答案:

答案 0 :(得分:8)

您无法使用JavaScript真正修改伪选择器。您必须修改现有元素。

如果可能,请上课:

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

并将其添加到元素:

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

或者如果您想使用纯JS,请执行以下操作:

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