如何在点击事件中更改占位符颜色？

Question

请检查此代码，告诉我我缺少的是什么，    我只想在点击按钮后更改占位符的颜色。但我不能    弄清楚出了什么问题。

function makeid() {
var text = "";
var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
for (var i = 0; i < 5; i++)
text += possible.charAt(Math.floor(Math.random() * possible.length));
return text;
}

$(".submit_btn").click(function()
{
    if($(".txt_style").text()!="")
    {
    alert(makeid());
    }
    else
    {
    $(".txt_style").attr("placeholder", "Please enter your email address");
    $('input::-webkit-input-placeholder').css("color", "red");
    }
});

Answer 1

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

如果可能，请上课：

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

并将其添加到元素：

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