如何將上傳按鈕更改爲文本？

-4

我已經使用上傳文件（type = file）上傳文件。我想將按鈕更改爲文本。由於用戶將使用Google chrome或IE。所以我必須考慮這兩種瀏覽器。我寧願簡單的代碼。這裏是我的代碼（我使用多個文件上傳）如何將上傳按鈕更改爲文本？

<td><input type="file" name="picture[]" id="picture" ></td>

感謝

來源

2013-09-26 Misz Jieha

你的問題不明確。 – j08691

好的，你可以發佈你的表單，並告訴你想要改變什麼嗎？ –

谷歌瀏覽器和IE瀏覽器打擾支持'type =「file」' –

如果我理解正確的，你問的造型input標籤與type="file"。這是非常困難的，但我通常做的是包裝輸入，幷包含另一個標籤，將顯示所需的樣式。然後我將輸入標籤放置在頂部（以便它仍然可以被點擊），但是使其變爲透明，以便底層樣式顯示。喜歡的東西：

HTML：

<div class="uploadWrapper"> 
    <p>Click to choose file</p> 
    <input type="file" name = "filedata" size="100" /> 
</div>

CSS：

.uploadWrapper { 
    overflow: hidden; 
    position: relative; 
    height: 25px; 
    width: 250px; 
    background: rgb(10,100,210); 
} 

.uploadWrapper input { 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
    filter: alpha(opacity=0); 
    opacity: 0; 
    position: absolute; 
    z-index: 1; 
    width: 100%; 
    height: 100%; 
} 

.uploadWrapper p { 
    margin: 0 10px; 
    position: absolute; 
    line-height: 25px; 
}

http://jsfiddle.net/BYossarian/NVr6t/

來源

2013-09-26 16:10:20 BYossarian

「每個瀏覽器都有它的控制自己的演繹，因此你不能改變任何的測試或方向的控制權「。 - Original Source

但是，我相信你可能會有點棘手，並用CSS修改按鈕。

#picture { 
    text-decoration: none; 
    /* etc... */ 
}

來源

2013-09-26 15:51:46 Rogue

如何將上傳按鈕更改爲文本？

回答

相關問題