如何在Ionic 4中调整标签大小?

时间:2018-09-19 18:57:19

标签: angular ionic4

我创建了一个选项卡,并弄清楚了如何根据此处找到的Ionic 4 CSS文档更改颜色 https://beta.ionicframework.com/docs/theming/css-variables

但是这里没有关于如何更改大小的参考,有关ionic 3的代码不起作用。

这是我所拥有的

ion-tabs {
margin-top: 80px;
--ion-tabbar-background-color: #FBFBFB;
--ion-tabbar-text-color-active: #87BCDE;
--ion-tabbar-text-color: #424242;
font-size: 40px;

}

2 个答案:

答案 0 :(得分:0)

对于variable.scss中的颜色:

someStrongReference

对于尺寸,我认为还没有准备好这样的样式。 您可以在global.sass

中更改选项卡选择的样式
pip install robotframework-autoitlibrary

答案 1 :(得分:0)

使用以下代码,您可以更改tab-label的大小:

ion-tab-button {        
        ion-label {  
            font-size: 12px;
        }
    }