Angular Material 15: Как изменить размер сфокусированных компонентов, таких как автозаполнение или средство выбора даты?

Question

я обновился до материала 15, я хочу спросить, как я могу изменить высоту или общий размер сфокусированного компонента, такого как автозаполнение или средство выбора даты,

https://m2.material.io/design/layout/applying-density.html#usage ,

эта страница говорит мне, что я не могу использовать плотность на таких компонентах, так каков другой способ сделать мои компоненты меньше?

до этого я использовал материал 12, и все, что мне нужно было сделать, это изменить размер шрифта в классе .mat-form-field-wrapper, и это больше не работает,

Спасибо

пример проблемы

я искал похожие проблемы, но решения устарели или просто использовали плотность ввода, которая не работает с такими компонентами, как автозаполнение

Answer 1

Что, если вы посмотрите на исходный код и просто проверите элементы под оберткой и измените их с помощью "::ng-deep"?

Я сделал это для некоторых из моих материалов, таких как:

      ::ng-deep .mat-form-field-wrapper {
        height: 83%;
        ::ng-deep .mat-form-field-flex{
            background-color: transparent !important;
        }
    }