Derived from this question:

I need to show the options just after the its place holder above the component below (hinding it); not after nor between! For this case, The blue rectangle should be hidden by the green one.

Here my code:

https://stackblitz.com/edit/angular-ivy-buotqn?file=src/app/core/components/layout/layout.component.html

how to show the list of options above the component below and below the place-holder of the select?

CodePudding user response：

Seems like the material styles are not active. Adding

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

to your style.css should fix your problem.

This sets one of the default themes, if you want to build your own theme the documentation can be found here: https://material.angular.io/guide/theming

CodePudding user response：

Are you sure that you imported @angular/theme?

check this: Angular Theme