Chrome에서 -webkit-autofill 텍스트 요소에 사용하는 노란색 배경색을 덮어 쓰려고합니다. 그러나 Inspector 도구에서 Chrome이 내 자신의 CSS 규칙을 적용한다고하지만 계산 된 스타일은 여전히 노란색입니다. 여기의 의미는 다음과 같습니다Google 크롬이 내 스타일을 무시하는 이유는 무엇입니까?
Here's 문제의 codepen을. 입력 필드를 클릭하여 포커스를 지정한 다음 드롭 다운 목록에서 항목을 선택하십시오. (Chrome은 'name'속성을 사용하여 일치하는 자동 완성 옵션을 찾아서 자동 완성 드롭 다운을 표시하기 위해 이전에 사용한 적이있는 것으로 변경해야 할 수도 있음)
왜이 요소에 대해 계산 된 스타일이 맞지 않습니까? 노란색 대신 흰색?
은 분명히 당신이 이것을 무시하고, 해결 방법으로 해킹을 사용할 필요가 없습니다
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
}
허, 그게 내가 찾은 해결책이야 [http://stackoverflow.com/questions/2338102/override-browser-form-filling-and-input-highlighting-with-html-css](http://stackoverflow.com/ 질문/2338102/override-browser-form-filling-and-input-highlighting-with-html-css). 하지만 왜 CSS 규칙을 사용할 수 없습니까? – Jamie
@Jamie, 그건 CSS 규칙입니다. – greggreg
'background-color' CSS 속성을 사용한다는 것을 의미합니다 : P. 이것은 -webkit-autofill과 관련이 있습니까? 크롬은 검사 요소 패널에서 왜 이와 같은 모순점을 갖고 있습니까? – Jamie
당신이 코드 예제를하시기 바랍니다 게시 할 수 있습니까? – j08691
[HTML/CSS로 브라우저 양식 채우기 및 입력 강조 표시 무시] 중복 가능 (http://stackoverflow.com/questions/2338102/override-browser-form-filling-and-input-highlighting-with-html-css)) – JDB
[Google 크롬 양식 자동 채우기 및 노랑 배경] (http://stackoverflow.com/questions/2920306/google-chrome-form-autofill-and-its-yellow-background) – greggreg