“largeur CSS-sélection” Réponses codées

Changer la taille de MAT-SELECT

@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

largeur CSS-sélection

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

largeur CSS-sélection

.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

Réponses similaires à “largeur CSS-sélection”

Questions similaires à “largeur CSS-sélection”

Plus de réponses similaires à “largeur CSS-sélection” dans CSS

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code

Shell/Bash
C#
C++
C
CSS
HTML
Java
JavaScript
Objective-C
PHP
Python
Sql
Swift
Ruby
TypeScript
Go
Kotlin
Assembly
R
VBA
Scala
Rust
Dart
Elixir
Clojure
Haskell
Matlab
Erlang
Cobol
Fortran
Scheme
Perl
Groovy
Lua
Julia
Delphi
Abap
Lisp
Prolog
Pascal
ActionScript
Basic
Solidity
PowerShell
GDScript
Excel