자동완성하면 배경색, 글자색 등이 바뀐다.
이를 css로 잡을 수 있다.
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
input뿐 아니라 textarea, select도 가능
www.codegrepper.com/code-examples/whatever/input+internal+autofill+selected+css
css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/
Change Autocomplete Styles in WebKit Browsers | CSS-Tricks
We got a nice tip from Lydia Dugger via email with a method for changing the styles that WebKit browsers apply to form fields that have been
css-tricks.com
'css' 카테고리의 다른 글
| 단어 사이에서 줄바꿈하고 단어길이가 길 경우 줄바꿈 (0) | 2020.12.03 |
|---|---|
| [sass] max, min 사용하기 (0) | 2020.11.16 |
| flex input width auto (0) | 2020.11.09 |
| [css] min() / max() (0) | 2020.11.04 |
| image-set (0) | 2020.10.27 |
댓글