html - 从输入中删除 "choose file"

Question

我不知道如何从输入按钮中删除“选择文件”。我只希望用户能够通过单击图像直接拖动或上传文件。这是我到目前为止所拥有的:here

<div class="popup-wrapper popup-wrapper-3">
  <div class="popup">
    <div class="popup-close">x</div>
    <div class="popup-content">
      <h2>Upload Your Resume</h2>
      <p class="small-text">Upload your resume to complete the job application
      </p>
      <p class="sub">
        <label>Resume:</label>
        <input accept=".doc, .docx, .pdf" type="file" display="none" placeholder="" name="resume">
        <img src="../images/search/apply.gif">
        <p class="small-text">Click to browse the file
        </p>
        <button class="button vlose-button" type="button">Apply Now</button>
      </p>
    </div>
  </div>
</div>

Answer 1

欢迎光临!您是否尝试过使用其他浏览器？FireFox 不显示该消息。

另一件事(可能更重要)，input type="file" 没有占位符属性，也没有“显示”属性。如果你想使用自定义属性，你应该使用 data-*结构。如果你想设置它的样式(即隐藏输入)，你应该使用 CSS 来实现。

您可以阅读更多相关信息 here .

希望这会为您指明正确的方向，祝您好运!