控制垫子芯片的高度

时间:2020-06-23 07:32:59

标签: angular angular-material

如何改变角形切屑的高度?

<mat-chip-list>
  <mat-chip>Example/mat-chip>
</mat-chip-list>

默认实现将最小高度设置为32像素 enter image description here

2 个答案:

答案 0 :(得分:3)

垫层芯片的默认设置为min-height: 32pxheight: 1px。 如果{/ {1}}下的文字/段落较长,您将仅收到默认的mat-chip

因此,您可以通过将其设置为min-height: 32px来控制高度,如下所示: 在您的CSS中,

auto

如果要用于具有类名称/ ID的特定芯片,请使用具有某些像素的相同height属性。 示例:

.mat-standard-chip {    
   height: auto !important;
 }

答案 1 :(得分:2)

您可以使用以下属性:

.mat-standard-chip {
   min-height: 22px !important;
}