1、编写HTML文件,在body中添加一个表单,代码如下
2、此时页面显示结果如下
3、然后我们填写用户名和密码然后点击浏览器中的钥匙一样的图标然后点击保存
4、保存之后发现输入框变了颜色,如图所示,这是因为chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,其具体样式为:input:-webkit-autofill{background-color:#FAFFBD;background-image:none;color:#000;}
5、下面我们修改样式将保存用户名和密码后的输入框设为纯色,代码如下
6、可以看到保存用户名和密码后输入框依然为纯色