Javascript SAPUI5图标大小和颜色的变化

我很想知道是否有办法，找到如何改变SAPUI5图标的大小，这样它就可以满足某些标准和颜色

如您所见，第二个和第三个按钮的大小相同，而第一个按钮则更小

---

如何影响第一个按钮的大小？

您可以通过将自定义

类

-

递增字体

指定给特定按钮并覆盖

字体大小

和

颜色

属性来实现

View.xml

<FlexBox
    alignItems="Center"
    justifyContent="Start">
    <items>
        <Button enabled="true" icon="sap-icon://process" class="sapUiSmallMarginEnd increaseFont"/>             
        <Button enabled="true" icon="sap-icon://open-command-field" class="sapUiSmallMarginEnd"/>
        <Button enabled="true" icon="sap-icon://navigation-right-arrow" />              
    </items>
</FlexBox>

输出

注意：所有图标的大小都相同。因为有多个右箭头，所以它看起来更小

.sapMBtn.increaseFont .sapMBtnIcon {
    font-size: 1.5rem;
    color: red;
}