更改颜色和字体大小图标离子工具栏

Question

我正在尝试更改离子工具栏中的字母的颜色和大小，但迄今为止没有尝试过，但没有成功：

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;
    }
}

Answer 1

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

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

查看这些文档https://ionicframework.com/docs/theming/advanced#themes。诸如离子工具栏之类的离子核组件的主题设置有所不同。