배경색 자동 완성 기법 변경

1411 단어 designwebkitcss

고사


내가 전방 개발자로서 한 프로젝트에서 일할 때 나는 작은 문제에 부딪혔다. 사이트의 배경은 검은색이고 사용자가 입력을 사용할 때 자동으로 완성되면 상자가 하얀색 배경으로 변하는 것을 발견했다. 그래서 나는 구글에서 설명을 찾기로 결정했다. 크롬 에이전트가 배경을 바꾸는 것을 허락하지 않는 것 같아서 새로운 방법을 찾아야 한다.다음은 해결 방안입니다.

솔루션


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 속성을 처리하는 데 도움을 줄 수 있기를 바란다

좋은 웹페이지 즐겨찾기