[CSS] 자동 완성 시, CSS 바뀌는 현상

 

텍스트 자동완성 시, CSS 스타일이 변경된다. 

그때 아래와 같이 CSS를 지정하거나 

 input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
	 transition: background-color 5000s ease-in-out 0s;
	 -webkit-transition: background-color 9999s ease-out;
     -webkit-box-shadow: 0 0 0px 1000px #132234 inset !important;
     -webkit-text-fill-color: #fff !important;
   }

 

 

혹은 html에서 자동완성 기능이 제공되지 않도록 속성을 넣어주면된다. 

autocomplete="off"