如何使离子菜单按钮更大？

【问题标题】：How do I make ion-menu-button larger?如何使离子菜单按钮更大？
【发布时间】：2019-10-27 11:11:17
【问题描述】：

如何使 ion-menu-button（汉堡菜单按钮）变大？

ion-menu-button 组件创建一个字体大小设置为 26px 的 ion-icon。没有设置大小的属性，CSS 似乎没有影响。

[更新] 我将此作为错误报告给 Ionic 团队，他们在这里“修复”了它：https://github.com/ionic-team/ionic/issues/18667 虽然我仍然不知道如何修改大小。

设置：

ion-icon {
  --font-size: 100px !important;
  font-size: 70px;
}

什么都不做

【问题讨论】：

标签： ionic4

【解决方案1】：

我自己整理的。有一个

.sc-ion-buttons-md-h {
  display: flew;
}

限制按钮大小的包装器。一旦我删除了：

.sc-ion-buttons-md-h {
  display: block !important;
}

并使用 ion-grid 将按钮放在标题的左侧，然后我可以使用：

ion-menu-button {
  font-size: 50px !important;
}

设置我的菜单按钮的大小。

【讨论】：