2017-07-27 120 views
4

我使用ion-select => ion-option作为我的离子3项目的输入。它给出了选择的警报,但是警告主体的字体大小非常小,并且我尝试了所有sass选项来全部增加字体大小。我曾尝试使用.alert-md,.alert-tappable。有什么办法可以增加这种字体。ionic 3 alert font-sizing

enter image description here

.scss

.ios, .md { 
    page-add-stock { 
    /*.alert-md .alert-checkbox-label{ 

    }*/ 
    .alert-radio-label { 
     font-size: 3rem; 
    } 
    } 
} 

的.html

<ion-select [(ngModel)]="category" formControlName="category" > 
    <ion-option>Pesticides</ion-option> 
    <ion-option>Seeds</ion-option> 
    <ion-option>Herbicides</ion-option> 
    <ion-option>Fertilizers</ion-option> 
    <ion-option>Farming tools</ion-option> 
    </ion-select> 

的Html离子选择生成警报,以防万一。

回答

2

我找不到与标签相关的任何Ionic Sass变量(我发现一个用于提示的消息,标题和副标题,但不是用于标签),因此您始终可以使用CSS样式规则来设置正确的字体大小:

.alert-radio-label { 
    font-size: 3rem; 
} 

默认为font-size: 1.6rem;为Android和font-size: 1.4rem;为iOS。

UPDATE

请注意该警示HTML元素的页面之外,从而使样式规则应放置在app.scss文件。

+0

仍然没有效果 –

+0

请尝试从您的页面中包装样式规则,例如'.ios,.md {your-page-name {/ *将您的样式放在这里... * /}}' – sebaferreras

+0

试图&它仍然没有工作 –