更改颜色和字体大小图标 Ion-toolbar

【问题标题】：Change color and Font Size icons Ion-toolbar更改颜色和字体大小图标 Ion-toolbar
【发布时间】：2019-04-16 22:20:15
【问题描述】：

我正在尝试更改 ion-toolbar 内字母的颜色和大小，但没有成功，到目前为止我已经尝试过：

ion-toolbar {
    --background: var(--custom-primary); //works
    --color: #FFFFFF; //works letters, not icon

    ion-buttons {
        font-weight: bold; //works
        --icon-font-size: 10px !important;
    }

    ion-back-button {
        --icon-font-size: 30px !important;
    }
}

【问题讨论】：

标签： ionic-framework ionic4

【解决方案1】：

您可以直接在模板中设置工具栏的样式。例如：

<ion-toolbar color="green">
...
</ion-toolbar>

查看这些文档https://ionicframework.com/docs/theming/advanced#themes。离子工具栏等离子核心组件的主题略有不同。

【讨论】：