如何为输入类型文件制作css

尝试为输入类型文件创建css，但不起作用。在我的代码中，“选择文件”按钮位于按钮css的上方，所以如何使用css删除

我只想显示文件上传过程中的蓝色按钮

演示：

---

我认为您正在使用Bootstrap的按钮文档，但最适合您的是Bootstrap的输入组文档。查看此页面上倒数第二个类别：。它的标题是“自定义文件输入”。我想如果你把你的风格放在这些文件中，它就会工作。

使用下面的html（假设你使用的是引导程序）

浏览

已尝试，但我不知道如何使用它。您能更新我的stackblitz吗？您好，很抱歉反应太晚。我周末没有上网。尝试将jaibalaji答案中的代码粘贴到stackblitz中。这应该行得通。

<input #file type="file" id="fileInput" accept='image/*' (change)="preview(file.files)" class="btn btn-primary btn-block mx-auto" value="UPLOAD IMAGE" />