html - アイテムのデザインを変更できません

私はngx-dropzoneライブラリを使っていますが、ファイルをドラッグすると非常に大きくなります。これを回避するために、CSSでサイズを変更しようとしましたが、効果はありませんでした。

誰か助けてくれますか？高さと幅を約20ピクセルにしたいです

HTML

<ngx-dropzone-label>
    <div>
        <h2>My custom dropzone</h2>
    </div>
</ngx-dropzone-label>
<ngx-dropzone-image-preview ngProjectAs="ngx-dropzone-preview" *ngFor="let f of files" [file]="f" [removable]="true" (removed)="onRemove(f)">
    <ngx-dropzone-label>{{ f.name }} ({{ f.type }})</ngx-dropzone-label>
</ngx-dropzone-image-preview>

CSS

.custom-dropzone {
    height: 250px;
    background: #333;
    color: #fff;
    border: 5px dashed rgb(235, 79, 79);
    border-radius: 5px;
    font-size: 20px;
}

回答 #1

以下のように ngx-dropzone-preview をターゲットにすることができます

ngx-dropzone-preview{
    height: 40px !important;
    min-height: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
}

回答 #2

このスタイルを使って画像の幅を設定することができました:

:host ::ng-deep img {
  max-width: 100% !important;
}