使<输入类型=“文件”>高度与使用 Bootstrap 4.5 的 div 容器相同

发布于 2025-01-20 00:54:57 字数 664 浏览 0 评论 0 原文

第二个DIV具有 py-4 标签，只有“上传”按钮使用此高度。我也希望“选择文件”和“上传”选项相同的高度。这可能仅更新.HTML文件吗？

<div class="input-group">
  <div class="custom-file py-4">
    <input type="file" class="custom-file-input" id="inputGroupFile">
    <label class="custom-file-label" for="inputGroupFile">Choose file</label>
  </div>
  <div class="input-group-append">
    <span class="btn input-group-text">Upload</span>
  </div>
</div>

原文

Second div has the py-4 tag and only the "Upload" button uses this height. I'd like also this same height for the "Choose file" and "Upload" options. Is this possible just updating the .html file only?

<div class="input-group">
  <div class="custom-file py-4">
    <input type="file" class="custom-file-input" id="inputGroupFile">
    <label class="custom-file-label" for="inputGroupFile">Choose file</label>
  </div>
  <div class="input-group-append">
    <span class="btn input-group-text">Upload</span>
  </div>
</div>