Как применить наценку на angular компонент выбора материала

Question

 <mat-select>
     <mat-option  value="1">Option 1</mat-option>
     <mat-option  value="2">Option 2</mat-option>
     <mat-option  value="3">Option 3</mat-option>
</mat-select>

CSS код в моем CSS файле

.cdk-overlay-container .cdk-overlay-pane{
        margin-top: 7%;
     }

Как применить margin-top к mat-option?

Answer 1

Используя CSS, вы можете назначить ему стандартный класс

<mat-select class="materialSelect">
  <mat-option value="1">Option 1</mat-option>
  <mat-option value="2">Option 2</mat-option>
  mat-option value="3">Option 3</mat-option>
</mat-select>

Затем в ваших стилях. css

.materialSelect {
    margin-top: 70%;
}

Answer 2

Добавить стиль ниже в style.s css файл

.mat-option{  
  margin-top :7px;
}