Как изменить ширину по умолчанию (180px) css для класса `.mat-form-field-infix` в angular-material 8?

Question

Я использую angular-material 8, мне нужно уменьшить ширину по умолчанию (180px) .mat-form-field-infix, но я не могу изменить этот css?

Это размер по умолчанию для.mat-form-field-infix: поле размера по умолчанию

Мне нужно точно такое же поле с текстом. Мне нужно точно так же

stackblitz пример ссылочной ссылки, мне нужно уменьшить размер ширины поля выбора.

Как я могу сделать эти изменения, кто-нибудь может мне помочь?

Answer 1

в style.css добавить

.mat-form-field-infix {
 width: 100px !important;
}

демонстрация stacblitz

Answer 2

Зачем вам нужно специально устанавливать ширину .mat-form-field-infix, если вы можете легче контролировать ширину в mat-form-field?:

mat-form-field {
    width: 100px;
}