提交圖片時刪除瀏覽按鈕

Question

我想從圖片中刪除瀏覽按鈕，如果我只保留個人資料圖片的圖像，以便當用戶單擊圖像時打開選擇文件窗口...我能夠做到的，使用下面的代碼：

<label><img src="images/profile-picture.png"><input type="file" name="pic" id="pic" accept="image/*"></label> 

任何想法我怎麼能去除惱人的按鈕，它旁邊的文本？

Answer 1

編輯：你可以簡單地隱藏輸入的顯示屬性設置爲none：

<label> 
 
    <img src="http://www.insidefacebook.com/wp-content/uploads/2013/01/profile-150x150.png" id="profile-pic"> 
 
    <input type="file" name="pic" id="pic" accept="image/*" style="display: none;"> 
 
</label>