input 자동완성 background-color 변경하기

input에 background가 설정되어 있지 않은데 자꾸 background-color가 적용되는 현상이 있었다.

 

background-color: #fff; 이지만 색이 들어가 있따!!

input에 아이콘이나 이미지가 들어가 있을 때 input 영역 값에 저 색이 들어가니 몹시 불_편했다.

찾아보니 자동완성 기능을 사용 할 때 생기는 스타일링이였다!

 

	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 white inset !important;
   }

 

위 css를 글로벌 css에 정의 해두면 자동완성 기능을 사용 할 때도 background-color가 적용되지 않는다 !

 

편_안