javascript - 提交图像时删除浏览按钮

我想删除图片中的浏览按钮，如果我只保留个人资料图片的图像，这样当用户单击图片时，它会打开“选择文件”窗口，看起来更专业。。。我使用以下代码成功地做到了这一点：

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

你知道我怎样才能去掉那个烦人的按钮和旁边的文字吗？

最佳答案

编辑：只需将输入的“显示”属性设置为“无”，即可隐藏输入：

<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>

关于javascript - 提交图像时删除浏览按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27333937/