form 테스트하는 도중 자동완성목록 중 하나를 클릭해보니 이렇게 파란색 배경이 뜨게되었다. 크롬이나 사파리처럼 webkit을 사용하는 브라우저에서 볼 수 있는데, 이것은 아래의 코드로 배경을 지워줄 수 있다.
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; }
'📝 꾸준함이 무기 > CSS' 카테고리의 다른 글
css 속성값을 계산식으로 전달하려면? calc()를 사용해보자. (0) | 2021.07.15 |
---|---|
너비에 넘치는 문자열을 ...으로 처리하기 (0) | 2021.07.15 |
grid의 auto-fit / auto-fill (0) | 2021.02.12 |