많은 HTML 튜토리얼에서 입력 파일 유형을 표시하고 버튼을 누르면 파일 유형을 선택합니다. 클릭하면 대화 상자가 열리면서 하드 드라이브에서 파일을 선택하지만 동일한 코드를 실행할 때 browse.I 말 측면에있는 버튼을 사용하여 텍스트 입력 상자가 여기에 코드입력 파일 유형
enter code here <input type="file" id="flupload" name="fileupload/>
많은 HTML 튜토리얼에서 입력 파일 유형을 표시하고 버튼을 누르면 파일 유형을 선택합니다. 클릭하면 대화 상자가 열리면서 하드 드라이브에서 파일을 선택하지만 동일한 코드를 실행할 때 browse.I 말 측면에있는 버튼을 사용하여 텍스트 입력 상자가 여기에 코드입력 파일 유형
enter code here <input type="file" id="flupload" name="fileupload/>
입니까? 내가 그렇게 어떻게 같은 결과를 얻고 싶은 모든 브라우저가 자신의 파일 입력 요소의 스타일을 가지고있다. "찾아보기"버튼이있는 텍스트 상자는 선택한 브라우저가 사용하는 스타일입니다. 너는 그것을 바꿀 수 없다.
파일 입력 타입의 디스플레이는 그래서 당신은 브라우저를 전환해야 다른 디스플레이를 얻기 위해 브라우저에 따라 달라집니다.
작은 CSS로 만들기가 쉽습니다 ... 실제 파일 입력 요소를 완전히 불투명하게 만든 다음 더미 꼭대기에 바로 배치하십시오. 하지만 일부 호버 (hovers)를 만드는 데는 다소 시간이 걸릴 수 있습니다.
는 여기에 몇 가지 튜토리얼입니다 http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom http://www.quirksmode.org/dom/inputfile.html
그 도움을 희망!
자습서에 감사드립니다. – katie
자습서 중 하나에 연결하여 달성하고자하는 것을 알 수 있습니까? –
자습서에 대한 링크를 제공하거나 일부 스크린 샷을 제공하십시오. –
Google 크롬에서 이것을 시도하면 텍스트 상자가 표시되지 않습니다. –