Html 如何将“选择配置文件图像输入”设置在带有标签的输入右侧，而不是“选择配置文件图像输入”；选择文件"-&燃气轮机'；选择图像'；

我正在创建教师表单我想从图库中选择图像作为个人资料，我想更改右侧“选择图像按钮”的标签和位置，标签为“选择图像”，标签位于左侧同一输入框中“请选择个人资料图片”我正在使用角度和引导4

这是html

选择要上载的文件

---

请这边试试。希望这对您有所帮助：）

无法更改该文本，请参阅：。顺便说一句，您的输入缺少id=“file”。谢谢Pranav女士，这是我问题的答案或一半。我可以更改“选择文件”选择图像的文本吗？

                  <div class="form-group ">
                    <p class="input-group">
                        <i class="fa fa-camera fa-2x  user-icon fa-fw" aria-hidden="true"></i>
                        <label for="file">Choose file to upload</label>
                        <input type="file" name="pic" accept="image/* "  class="form-control">
                     </p> 
                   </div>

.form-control{
    background: #000;
    color: beige;
}

  <div class="form-group ">
    <p class="input-group">
        <i class="fa fa-camera fa-2x  user-icon fa-fw" aria-hidden="true"></i>
        <label for="file" class="col-sm-10 form-control">Choose file to upload</label>
        <input type="file" name="pic" accept="image/* "  class="col-sm-2 form-control">
     </p> 
   </div>