修改浏览器自动填充账号密码的样式
若在浏览器中记住密码,再次打开时,表单中自动填充的文本框和下拉框都变成了黄色背景,影响界面美观,可以使用以下样式修正:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 |
/* Change Autocomplete styles in Chrome*/ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border : 1px solid green ; -webkit-text-fill- color : green ; -webkit-box-shadow: 0 0 0px 1000px #000 inset ; transition: background-color 5000 s ease-in-out 0 s; } |