“Ширина CSS-выбора” Ответ

Измените размер матового выбора

@Component({
  selector: 'app-new-figures-machine',
  templateUrl: './new-figures-machine.component.html',
  styleUrls: ['./new-figures-machine.component.css'],
  //add this to enable change style
  encapsulation: ViewEncapsulation.None,
})

.mat-select-panel
{
    min-width: calc(100% + 17px) !important;
}
Perfect Peccary

Ширина CSS-выбора

<mat-select 
    panelClass="width-mat" 
    disableOptionCentering
    disableRipple>
    <mat-option *ngFor="let option of elements" value={{option}}>
              {{option}
    </mat-option>
</mat-select>
Depressed Dingo

Ширина CSS-выбора

.mat-select-value {
    text-align: center;
    padding-left: 5px;
}

.width-mat {
    width: 30px;
    font-size: inherit;
    line-height: 2em;
    height: unset;
}

.mat-select-panel .mat-option {
    font-size  : inherit;
    line-height: 1em;
    height     : unset;
    white-space: unset;
}
Depressed Dingo

Ответы похожие на “Ширина CSS-выбора”

Вопросы похожие на “Ширина CSS-выбора”

Больше похожих ответов на “Ширина CSS-выбора” по CSS

Смотреть популярные ответы по языку

Смотреть другие языки программирования