样式密码填充输入

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事件的更多信息，请参阅 here

您可以使用dispatchEvent()功能触发它们。