JS Algorithm
database
HTML/CSS
Javascript
Next
React
Terminal
Typescript
Vue
Etc
Git
목록 열기
June 5, 2021
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
는 텍스트 컬러를 변경하는 역할을 한다.
자세한 내용은 아래 여기서 확인할 수 있다.
Top