Bootstrap 4 如何在bootstrap 4中设置文件浏览器大小

如何使文件浏览器变大（或变小）
期待类似于自定义文件lg的内容

下面是Bootstrap4文档的原始片段

<div class="custom-file">
  <input type="file" class="custom-file-input" id="customFile">
  <label class="custom-file-label" for="customFile">Choose file</label>
</div>

选择文件

这是不可能的，因为上载窗口不是浏览器元素

关于Windows，我相信其他操作系统也是如此：

由于这些对话框是由操作系统实现的，因此它们可以在操作系统上运行的所有应用程序之间共享

“公共打开文件”对话框作为OpenFileDialog类实现，位于Microsoft.Win32命名空间中

---

引导程序4不提供

lg

文件输入。实际显示的是

自定义文件标签

，而不是输入。您可以向标签添加

表单控件lg d-inline-block

，然后添加一点自定义CSS以获得正确的高度：

.custom-file-label,
.custom-file-label::after {
    height: initial;
}

我添加了一个自定义类（

自定义文件lg

）和一点CSS，以便在Bootstrap4中启用它

HTML:

---

我不是关于上传窗口本身，而是关于文件输入和按钮html元素。谢谢，它使它变大了一点，但不像其他-lg元素。其他标签lg有48px，但解决方案中的标签有44px。

  <div class="form-group row">
    <div class="col-12">
      <label for="user_name" class="small mb-1 text-70">Logo (PNG or JPEG)</label>
      <div class="custom-file custom-file-lg">
        <input type="file" class="custom-file-input" id="logo">
        <label class="custom-file-label" for="logo">Choose file</label>
      </div>
    </div>
  </div>

.custom-file-lg {
  .custom-file-label,
  .custom-file-label::after {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
  }
  .custom-file-label,
  .custom-file-input {
    height: calc(1.5em + 1rem + 2px);
  }
  .custom-file-label::after {
    height: calc(1.5em + 1rem);
  }
}