커서 스타일을 I 빔보다 포인터처럼 보이도록 변경하려고 시도했지만 FF가 입력 파일 필드의 커서 스펙을 따르지 않는 것처럼 보입니다. 예를 들어, 나는이 작은 피들 : http://jsfiddle.net/jDZtn/4/을 만들었습니다. 여기에서는 사용자가 커서를 가리키면 포인터가 커서처럼 보이게됩니다. 나의 마지막 계획은 불투명도 == 0을 도입하고 그 위에 클릭 가능한 버튼을 사용하는 것입니다.firefox 입력 파일 태그에서 커서 스타일 변경
이 동작이 버그인지 확실하지 않습니다.
더 나은 해결책은 파일 입력 없음을 표시하고 버튼에 .click()을 사용하는 것입니다.
편집 : 일부 테스트 후 사파리가 표시 : none으로 설정 되었기 때문에 .click() 파일 입력을 허용하지 않으므로 모든 브라우저에서 작동하는 것으로 보이는 this fiddle을 만들었습니다. 나는 단지 display : none보다는 positioning/visibility를 통해 파일 입력을 숨겼다.
. 그러나, 당신의 바이올린 FF에서 작동하지 않습니다 - "내 사용자 정의 파일 버튼"여전히 내 FF로 내 빔 13.0.1 내 리눅스 상자에 표시됩니다. – JohnJ
하하, 내 모든 흥분에 나는 커서를 # 버튼에 추가하는 것을 잊어 버렸다. 실제로 맞춤 검색 버튼을 클릭 할 수있게 만드는 데 너무 바빴습니다. [여기] (http://jsfiddle.net/Jvafd/3/) 가세요. –
숀에게 고마워. 나는 당신의 바이올린대로 그것을 구현했습니다. 이제 Chrome에서 정상적으로 작동합니다. 그러나, FF로, 업로드 버튼을 클릭하면 파일 업로드를 위해 2 개의 창을 열어서 끝납니다. 왜 이것이 될 수 있는지 실마리가 있습니까? Chrome에서는 모든 것이 정상입니다. 하나의 파일 선택 창이 예상대로 열립니다. – JohnJ
가능한 중복 : [CSS : 커서가 입력 파일에 대한 포인터가 될 수 있도록 방법] (http://stackoverflow.com/questions/7155381/css-how-make-the -cursor-to-a-pointer-on-the-input-file)이 숀에게 감사합니다. – merv