표시되지 않은 입력 또는 해당 레이블 '키보드 탭을 멈출 수있게 만드는 방법?

input[type="file"]{display:none;}

및 대한 배경을 뒀다는 label :

label.uploadfilelabel {background-image:url(../image.jpg);}

이 방법은 잘 작동하지만 그것은 또 다른 문제를 발표했다 :이 단추와 레이블에서 키보드 탭이 멈추지 않습니다. tabindex="0"을 사용해 보았는데 결과가 없습니다. 이 숨겨진 버튼에서 키보드 탭을 멈출 방법이 있습니까?

물론 나는 순수한 CSS 솔루션을 선호하지만 자바 스크립트 솔루션 (jQuery 제외)도 사용할 수 있습니다.

UPDATE를 공유

감사합니다 : 여기 fiddle of the problem이다. 내가 테스트 한 IE와 FireFox에서 작동하지만 크롬에서는 작동하지 않는다.

2014-09-19 Ormoz

표시 : 없음, 어떤 요소도 숨겨져 있지 않습니다. 요소를 웹 흐름에서 완전히 제거하고 있습니다. 시도해보기 : hidden insteed –

@Alvaro 나는'display : none;'을'visibility : hidden;'과'visibility : collapse;'로 대체했다. 그것은 문제를 해결하지 못했습니다. – Ormoz

문제를 보여주는 피들이가 해결책을 찾는데 도움이 될 수 있습니다. (있는 경우) –

이것을 시도해야한다. 그것은 작동하지만 html5를 명심하십시오.

<input type="file" tabindex="-1">

2014-09-19 13:57:00 Shawn

작동하지 않습니다. – Ormoz

답변