控制垫芯片的高度

Question

如何改变角形材料芯片的高度？

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

默认实现将最小高度设置为 32 像素

Answer 1

垫芯片将具有min-height: 32px和height: 1px作为默认值。如果下面有更长的文本/段落，mat-chip您将min-height: 32px仅收到默认值。

所以你可以通过auto如下设置来控制高度，在你的 CSS 中，

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

如果要用于具有类名/ ID 的特定芯片，请使用具有某些像素的相同高度属性。例子：

.small-chip {
   height: 20px !important;
}