2011-09-14 3 views
0

현재 입력 된 내용에 배경 이미지를 사용하여 기본값을 표시하고 있습니다. 입력 필드에 포커스가 있으면 배경이 사라집니다. 그러나 파이어 폭스는 사용자가 파일을 저장하기로 선택하고 기본 배경 이미지가 계속 표시되면 데이터로 내 필드를 자동 완성합니다. 브라우저에서 필드가 자동 완성 된 경우 어떻게 배경 이미지를 숨길 수 있습니까?입력이 자동 완성되면 Firefox에서 기본 입력 배경 이미지 숨기기

+0

어쩌면 일부 자바 스크립트 트릭을 할 수 있습니다. jQuery를 사용하고 있습니까? – v42

답변

2

은 당신이 할 수있는 것이 어떤 미친 CSS 선택기가있을 수 있습니다 만, 입력 텍스트가 있다면 당신은 배경 제거하기 자바 스크립트를 사용할 수 있습니다

// on page load 
if (yourInput.value) { 
    yourInput.style.backgroundImage = ''; 
} 

... 또는 어떤가. 비슷한 것.

2

당신은 전체 양식 또는 특정 입력을하거나 자동 완성 기능을 해제 할 수 있습니다 :이 이벤트 리스너를 추가하려면

<form autocomplete="off"></form> 
<input type="text" autocomplete="off" /> 

는, 파이어 폭스 4+ 이벤트 "oninput를"실행됩니다 자동 완성 할 때 .