Question

input文本框在谷歌浏览器下默认的黄色背景怎么回事

Answer 1

透明input，表单自动填充的黄色（常出现在谷歌浏览器）
1.将密码框设置为普通输入框，获得光标后改为密码框，缺点：密码框是正常了，用户名还是黄色的
input type="text" class="form-control input-pwd" required="" placeholder="请输入密码" name="idp_cred" onfocus="this.attr('type','password')"/>

2.关闭自动完成，在用户名框、密码框后面都加上关闭自动完成属性，缺点：部分谷歌浏览器会失效
input type="text" class="form-control" required="" placeholder="请输入" name="idp_cred" autocomplete="off"/>

3.将以上两个方法结合起来，用户名框、密码框关闭自动完成，密码框设置成普通输入框，获得光标后动态改为密码框，缺点：页面不简洁，优点：测试所有浏览器都有效
<!--用户名--->
<input type="text" class="form-control input-user" required="" placeholder="请输入账号" name="idpUser" autocomplete="off"/>
<!--密码--->
<input type="text" class="form-control input-pwd" required="" placeholder="请输入密码" name="idp_cred" autocomplete="off" onfocus="$(this).attr('type','password')"/>

Answer 2

谷歌定义好的，不过你可以通过css来修改颜色

Answer 3

把自动填密码去掉即可

Answer 4

纳尼 上图