样式密码填充输入

Question

在大多数现代浏览器中，您可以从存储的数据中填写密码。当您在某些浏览器中这样做时，我注意到输入的背景颜色会发生变化。我没有为此目的考虑到背景颜色的变化。

当浏览器填充它时，如何将样式应用于密码字段？

javascript和jquery（不是首选），可以使用。

Answer 1

浏览器使用cookie保存这种数据供以后使用。他们甚至可能给cookie一个ID事件，当eventId发生时，他们运行一些JavaScript/CSS代码来更改页面的视图。

您可以使用addEventListener()函数，并在您想如何更改视图以及您想更改它的情况下进行自己的配置。

例如：

//if.cookie.exists => cookieFilled()

您需要了解cookie的工作方式，具体取决于您的后端编程语言。

javascipt在更改外观时功能，按照您的喜好进行配置。

myInput.addEventListener("cookieFilled", function(){
 myInput.style.backgroundColor = "yellow"; //background
 myInput.style.color           = "black";  // color of the text 
 console.log(myInput.type) //should return "password" if it is a password type     
}, false);

如果您想进一步了解JavaScript中的事件，请参阅此处

您可以使用dispatchEvent()函数触发它们。