브라우저가 비밀번호를 기억한 후 입력의 노란색 배경을 처리하는 방법

이 기사에서는 Chrome 브라우저를 사용하여 기억할 비밀번호가 있는 계정을 선택하는 작은 기능을 공유하고 싶습니다. 일부 디자인 입력 상자에는 배경이 투명하게 표시됩니다. 노란색 배경을 제거해야 합니다. Chrome 브라우저가 비밀번호를 기억한 후 입력의 노란색 배경을 처리하는 방법을 알려드리겠습니다.

Chrome 브라우저를 사용하여 비밀번호를 기억하는 계정을 선택하면 입력 상자에 자동으로 노란색 배경이 추가됩니다. 일부 디자인 입력 상자에는 배경이 투명하므로 이 노란색 배경을 제거해야 합니다.

방법 1: 그림자 오버레이

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

색상 오버레이이므로 불투명한 단색 배경에만 효과적입니다.

방법 2: Chrome 브라우저가 렌더링하는 시간을 수정합니다. 노란색 배경

:-webkit-autofill {
 -webkit-text-fill-color: #fff !important;
 transition: background-color 5000s ease-in-out 0s;
}

완벽한 솔루션

어때요 다들 배웠나요? 서둘러서 한번 시도해 보세요.

관련 권장 사항:

HTML에서 입력 입력 형식을 제어하는 ​​방법의 예

JS 입력 상자에서 입력 값을 부동 소수점으로 제한하는 방법

javascript 입력 입력 상자 퍼지 프롬프트 기능 상세 설명

위 내용은 브라우저가 비밀번호를 기억한 후 입력의 노란색 배경을 처리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!