我怎样才能用css和bootstrap制作这样的输入文件答案

【问题标题】：how can i make input file like this with css and bootsrap我怎样才能用css和bootstrap制作这样的输入文件
【发布时间】：2021-12-30 20:22:33
【问题描述】：

我想在 bootstrap 中创建一个输入类型文件，但是浏览图标总是在左边

                    <div class="col-sm-4 p-5">
                    <label class=" text-white">Full Name</label>
                    <input type="file" class="form-control text-white " style="background-color:#319b9e"
                        placeholder="Enter full name" />
                    <span class="form-text text-muted"></span>
                </div>

这是我的代码

输出

【问题讨论】：

向我们展示您的代码以帮助您。
oke 等等 hol onnn
嗯，是的，就像那个兄弟......但是（浏览器）保持在左边

标签： html css bootstrap-4

【解决方案1】：

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"/>

<div>
  <label for="formFileLg" class="form-label">Large file input example</label>
  <input class="form-control form-control-lg" id="formFileLg" type="file" style="
    direction: rtl;
">
</div>

【讨论】：