html 양식 파일 업로드 버튼

Question

"찾아보기"또는 "파일 선택"버튼을 오른쪽으로 옮길 수 있습니까?

this 같은

http://jsfiddle.net/2mw935qf/1/

?

Answer 1

CSS 파일에이 코드를 사용하십시오. 그것은 나를 위해 크롬에서 일했습니다.

input[type=file] { 
-webkit-appearance: textfield; 
position: relative; 
-webkit-box-sizing: border-box; 
} 

input[type=file]::-webkit-file-upload-button { 
width: 0; 
padding: 0; 
margin: 0; 
-webkit-appearance: none; 
border: none; 
} 

/* "x::-webkit-file-upload-button" forces the rules to only apply to browsers that support this pseudo-element */ 
x::-webkit-file-upload-button, input[type=file]:after { 
content: 'Browse...'; 
display: inline-block; 
left: 100%; 
margin-left:3px; 
position: relative; 
-webkit-appearance: button; 
padding: 3px 8px 2px; 
} 

Answer 2

<form method="POST" action="uploadFile" enctype="multipart/form-data"> 
<strong>Upload file:</strong> 
<input type="file" name="file" /> 
    <input type="submit" style="float:right;" value="Upload" /> 
</form>