更改角度材质扩展面板切换图标的位置

Question

角度扩展面板右侧有一个默认的切换按钮，如下所示：

我尝试查看文档，但是找不到我想要的。是否有一种简单的方法可以将切换按钮放在标题（“个人数据”）的左侧，而不是一直放在右侧？

有一些隐藏切换按钮的属性，但与更改其位置无关。

Answer 1

您可以通过覆盖默认样式规则来重新定位箭头按钮。在这种情况下，您正在看mat-expansion-panel-header类。

.mat-expansion-panel-header {
  flex-direction: row-reverse;
}
.mat-content {
  padding-left: 10px;
}