[HTML/CSS] input 태그에 파랑색 배경 안 뜨게 하는 방법

 

css 부분(혹은 style 안)에

 

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; }

 

위의 코드를 입력하면 파랑색이 뜨지 않습니다. 

 

하단에는 보다 구체적인 저의 문제상황과

해결방법에 대해 서술한 것입니다.

---

1. 문제상황

위의 사진과 같은 로그인 창을 하나 만들었다.

문제가 하나 있다면

 

이렇게 아이디란에 문자를 입력했을 때

파랑색이 뜨는 것이다.

나는 이 파랑색이 뜨지 않았으면 했고

해결방법은 간단했다.

 

css 혹은 <style> </style> 사이에다가

 

 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; }

이 코드를 넣어주면 된다.

 

코드를 넣었을 때의 사진은 아래와 같다.