如何自定義html消息<input type =「file」>？

Question

我想定製我的輸入類型的文件的消息已經是這樣的：

我需要垂直對齊中間的那個「沒有文件選擇」，改變兩個「選擇文件中的文本「和 」無選擇「 文件

Answer 1

http://jsfiddle.net/5rp5e/2/（工作實施例）

<div id="background"> 
<input type="file" value="choose file" /> 
</div> 

CSS：

#background{ 
    padding:20px; 
    background: #ccc; 
    width: 300px; /* or whatever you want it to be */ 
} 

Answer 2

在Evan的示例中添加填充可以垂直對齊文本。

http://community.mybb.com/thread-59344.html

Answer 3

您可以定製這樣的：是由系統生成的文本本身

<style type="text/css"> 
#upload-file-container input { 
    filter: alpha(opacity=0); 
    opacity: 0; 
} 
</style> 

<br /> 
<label>Please click the Image to Upload a file:</label> 
<div id="upload-file-container"> 
<input type="file" name="photo" /> 
</div>