2013-09-05 2 views
3

스타일을 지정할 수있는 방법이 있습니까 찾아보기 button (이미지에 표시된) 옆에 파일 이름 텍스트이 표시되어 있습니까? position:absolute 등으로 이동하고 싶습니다. 감사.스타일 입력 파일 이름 텍스트

enter image description here

+4

불행히도 아닙니다. 각 브라우저의 컨트롤 디자인은 다릅니다. 웹 디자인에서 많은 장애물 중 하나에 딱 맞았습니다. 그러나 [this] (http://www.quirksmode.org/dom/inputfile.html) 사이트는 사용자가 원하는대로 스타일을 지정할 수있는 비슷한 모양의 원시 파일 입력을 가리는 시원한 JavaScript 기반 솔루션을 제공합니다. – War10ck

+0

당신은 브라우즈 폼의 파일명을 의미합니까? – Joum

답변

1

난 당신이 내 행동 a demo of the plugin

방금이

처럼 사용할 수 있습니다 그것은 당신에게

을 도울 수 있다고 생각하면 사용이 jQuery 플러그인을 만든 자바 스크립트

$('input').fileprettify(); 

CSS

.selected-file{ 
    color: green; 
} 

무엇을이 플러그인이하는 것은 버튼을 선택한 파일을 포함하는 범위로 파일 입력 필드를 대체하고, 그런 다음 CSS를 사용하여 버튼을 선택한 파일의 텍스트 스타일을 수 있으며, 이것에 대한 좋은 점은 모든 브라우저에서 동일한 스타일을 사용한다는 것입니다.

+0

와우는 정말 멋져 보인다! 고마워. :) – MrPowerhouse

관련 문제