일부 브라우저에서 일부 웹사이트의 자동 완성 입력 필드에 끔찍한 노란색 배경색을 추가하는 이유가 궁금하십니까? 그들이 왜 그러는지 말할 수는 없지만 이 신성 모독을 빨리 없애는 방법을 알려 드리겠습니다.
계속 진행하기 전에 어린이가 없는지 확인하십시오.
이것이 왜 "문제"입니까? 어떤 이유에서든 디자인의 색상 팔레트가 코딱지 톤의 노란색과 잘 어울리면 그렇지 않을 수도 있습니다.
그건 그렇고, 이것은 Webkit(Chrome, Safari 및 기타 여러 브라우저) 특정 문제입니다. FireFox는 흰색 배경색을 사용합니다.
다음 CSS 코드는 Webkit 브라우저에서 자동 완성 입력 필드에 흰색 배경색을 추가합니다.
input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0px 9999px white;
}참고:물론 브랜드/색상 팔레트와 일치하는 입력에 색상을 사용해야 합니다. 해야야 한다고 제안하는 것이 아닙니다. 백인이 되십시오.
신성 모독이 정복되었습니다. 디자인이 좀 더 깔끔해졌습니다.