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

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');