如何更改点击事件的占位符颜色？ [复制]答案

【问题标题】：How to change placeholder color on click event? [duplicate]如何更改点击事件的占位符颜色？ [复制]
【发布时间】：2018-04-18 05:22:33
【问题描述】：

请检查此代码，并告诉我我缺少什么，我只想在单击按钮后更改占位符的颜色。但我不能找出问题所在。

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");
    }
});

【问题讨论】：

在$("txt_style").text() 中缺少. 还是只是拼写错误？
请检查最后一行。在 make_id() 之后； $('input::-webkit-input-placeholder').css("color", "red");是的。不见了，但我不想提醒功能。只需检查最后一行不起作用

标签： jquery onclick placeholder

【解决方案1】：

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

如果可能，创建一个类：

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

并将其添加到元素中：

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

【讨论】：

@Abhsihek Gupta，聪明的想法。这对我有用，谢谢，我不知道我们不能修改伪选择器。我现在很清楚