[CSS] input 자동완성 배경 없애기 자동완성 투명 / input background transparent

 

 

서론

로그인 창 개발을 하다보면 브라우저에서 지원하는 자동완성 기능 때문에 애 먹는 경우가 상당히 많다.

특히 input에 있는 background 가 전체적인 화면의 밸런스를 해치기 때문에 꼭 수정해주는 것이 좋다.

 

CSS

필자의 경우 webkit 에서 가져오는 색상을 지연시킴으로 인해 약간의 꼼수를 부려 해결했다.

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   -webkit-transition-delay: 9999s;
   transition-delay: 9999s;
}