[CSS] -webkit-autofill <input /> 자동 완성 배경 색 삭제

-webkit-autofill

브라우저마다 차이가 있지만 chrome의 경우 자동완성 시 배경의 색상이 변한다.

이 배경색을 원하는 색으로 지정하거나 없는경우

 

chrome input background color 변경

.option_wrap .option_label input:-webkit-autofill,
.option_wrap .option_label input:-webkit-autofill:hover,
.option_wrap .option_label input:-webkit-autofill:focus,
.option_wrap .option_label input:-webkit-autofill:active{
  -webkit-box-shadow: 0 0 0 30px white inset !important; // 색상 없애기 
}

chrome input text 속성 변경

input:-webkit-autofill{
    -webkit-text-fill-color: yellow !important; // color 변경
}

---

https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete