我怎样才能用 css 和引导程序制作这样的输入文件

Question

我想在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>

这是我的代码

输出

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

我怎样才能用 css 和引导程序制作这样的输入文件

how can i make input file like this with css and bootsrap

html

css

bootstrap-4