角材料定制徽章尺寸

Question

<button class="user_badge" mat-raised-button color="primary" matBadge="1000" matBadgePosition="after" matBadgeColor="accent" MatBadgeSize="large">
  <mat-icon>person</mat-icon>
  User
</button>

我使用的徽章尺寸很大，但是我的一些数据倾向于...我需要增加徽章的尺寸，如何使用CSS来增加徽章的尺寸？ reference

感谢任何帮助

Answer 1

**您应该使用这种样式，我希望这会起作用**

.mat-badge-content {
width: auto;
display: grid;
min-width: 32px;
min-height: 28px;
text-align: center;
align-items: center;
padding: 5px 3px;
top: -20px;
right: -22px;

}

Answer 2

您可以为类mat-badge-content更改以下三个属性：

.mat-badge-content {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

在此stackblitz中尝试。