배경색 자동 완성 기법 변경
고사
내가 전방 개발자로서 한 프로젝트에서 일할 때 나는 작은 문제에 부딪혔다. 사이트의 배경은 검은색이고 사용자가 입력을 사용할 때 자동으로 완성되면 상자가 하얀색 배경으로 변하는 것을 발견했다. 그래서 나는 구글에서 설명을 찾기로 결정했다. 크롬 에이전트가 배경을 바꾸는 것을 허락하지 않는 것 같아서 새로운 방법을 찾아야 한다.다음은 해결 방안입니다.
솔루션
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #1b1b1b inset !important;
-webkit-text-fill-color: white !important;
}
우리가 여기서 하는 일은 위조 요소인 Autofill을 선택한 다음에 그 내부에 커다란 상자 그림자를 적용하면 배경이 상자 그림자 삽화에 덮일 뿐이다
그리고 제가 텍스트 채움 색깔을 흰색으로 바꿨어요.
결과:
👍 나는 이 문장이 네가 이 CSS 속성을 처리하는 데 도움을 줄 수 있기를 바란다
Reference
이 문제에 관하여(배경색 자동 완성 기법 변경), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/atndesign/a-trick-to-change-the-autocomplete-background-color-21ll
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #1b1b1b inset !important;
-webkit-text-fill-color: white !important;
}
Reference
이 문제에 관하여(배경색 자동 완성 기법 변경), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/atndesign/a-trick-to-change-the-autocomplete-background-color-21ll텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)