Angular 8-如何使用Angular Material 8.2.3设置文件输入按钮的样式

Question

我已经看到很多与此有关的问题，但没有一个解决了我的问题。

我有什么

Angular 8，Angular Material 8.1.1和类似这样的文件输入：

<div class="form-group">
    <input #myInput type="file" formControlName="fi"
                     id="fi" name="fi" (change)="postMethod($event.target.files)">
</div>

我需要

我需要自定义此按钮的颜色，文本和大小，最好使用Angular Material而不是CSS。

如何自定义？谢谢。

Answer 1

最终通过这种方式解决（不确定是否是最好的方法，但实际上可行）：

Answer 2

您根本无法设置输入类型文件的样式，最好的方法是创建将与输入类型文件对应的叠加元素。

Answer 3

在您的css/scss/sass中：