造型「選擇文件」按鈕

Question

有沒有什麼辦法可以掩蓋「上傳照片」按鈕後面的「選擇文件」按鈕？所以當你點擊漂亮的按鈕時，它會啓動文件瀏覽器？

由於

http://jsfiddle.net/rUdf2/4/

Answer 1

http://jsfiddle.net/rUdf2/6/

必備部件：

1. 添加的ID（或任何 「標記」 該作品）到<input type="file">元件;

2. 將display:none加上div#upload-wrap以使<input type="file">不可見;

3. 將onclick="document.getElementById('upload-field').click();"添加到「上傳照片」按鈕。

Answer 2

當路人賽義德你要隱藏的<input type="file">元素和使用jQuery（或JavaScript）單獨添加此

$('#share-bottom button').click(function() { 
     $('#upload-wrap-button').click(); 
    }); 

http://jsfiddle.net/XnXeh/