[html/css] input autofill 해결

input 요소의 자동완성 기능을 사용하면 자동으로 배경 컬러가 변경된다.

아래 코드를 통해 이를 해결할 수 있다.

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-text-fill-color: green;
}

-webkit-box-shadow 는 배경 컬러를 변경하는 역할, -webkit-text-fill-color 는 텍스트 컬러를 변경하는 역할을 한다.

자세한 내용은 아래 여기서 (opens new window) 확인할 수 있다.