Tengo dos menús desplegables a continuación:

1. Selección de alfombrilla básica
2. Selección nativa básica

 <h4>Basic mat-select</h4> <mat-form-field appearance="fill"> <mat-label>Favorite food</mat-label> <mat-select> <mat-option *ngFor="let food of foods" [value]="food.value"> {{food.viewValue}} </mat-option> </mat-select> </mat-form-field> <h4>Basic native select</h4> <mat-form-field appearance="fill"> <mat-label>Cars</mat-label> <select matNativeControl required> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> </mat-form-field>

Necesito usar el segundo, la selección nativa básica y aplicar el estilo css que se parece al primero. No quiero exactamente lo mismo pero algo similar, ¿es posible?

consulte este código https://material.angular.io/components/select/overview