>웹 프론트엔드 >CSS 튜토리얼 >Google Chrome의 노란색 배경 자동완성을 어떻게 사용자 정의하거나 비활성화할 수 있나요?

Google Chrome의 노란색 배경 자동완성을 어떻게 사용자 정의하거나 비활성화할 수 있나요?

Linda Hamilton
Linda Hamilton원래의
2024-12-14 04:53:11803검색

How Can I Customize or Disable Google Chrome's Autofill Yellow Background?

Google Chrome의 양식 자동 완성으로 색상 문제 극복

배경:

Google Chrome의 양식 자동 완성 기능은 다음과 같이 사용자 경험을 향상시킵니다. 저장된 정보로 양식 필드를 미리 채웁니다. 그러나 브라우저가 로그인 자격 증명을 불러올 때 미리 채워진 필드 뒤에 보기 흉한 노란색 배경이 나타날 수 있습니다.

해결책:

노란색 배경을 제거하거나 양식을 비활성화하려면 자동 완성하려면 다음 단계를 따르세요.

자동 완성 배경 사용자 정의 색상:

자동 채우기 기능을 유지하고 배경색을 수정하려는 경우 CSS를 사용하여 원하는 색상을 적용할 수 있습니다.

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

자동 채우기 비활성화:

양식 자동 완성을 완전히 비활성화하려면 Chrome 설정:

  1. 오른쪽 상단에 있는 Chrome 메뉴 아이콘(3개의 수직 점)을 클릭합니다.
  2. '설정'을 선택합니다.
  3. 아래로 스크롤하여 "고급"을 클릭하여 확장합니다.
  4. "자동 완성"에서 "웹 양식 자동 완성" 설정을 다음으로 전환합니다. "끄기."

참고:

  • CSS 접근 방식을 사용하면 기능에 영향을 주지 않고 자동 완성 배경색을 사용자 정의할 수 있습니다.
  • Chrome 설정은 자동 완성을 완전히 비활성화하여 보다 포괄적인 솔루션을 제공합니다.
  • CSS의 색상 코드 스니펫("흰색")은 원하는 색상으로 변경할 수 있습니다.

위 내용은 Google Chrome의 노란색 배경 자동완성을 어떻게 사용자 정의하거나 비활성화할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.