[크롬] 자동완성 input 파란색 배경 없애기

크롬브라우저나 모바일 webkit기반 브라우저에서는

자동완성값이 저장된 input박스의 배경색으로 파란색(하늘색)으로 표현해 주는 기능이 있다.

이에 대한 말이 나와서.. 구글링 한 결과 css로 잡을 수 있었다. 역시 갓구글

 

/* input box color */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }