1. 程式人生 > >CSS修改Autocomplete樣式

CSS修改Autocomplete樣式

有時 let 密碼 blog border 用戶登錄 ans 解決辦法 :focus

舉個場景:在用戶登錄成功的時候,瀏覽器有時候會咨詢你是否記住密碼,當你記住密碼下次登錄的時候,標簽會自動填充,但是這樣會造成樣式不統一,解決辦法如下:

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 5000s ease-in-out 0s; }

CSS修改Autocomplete樣式