【问题标题】:ionic 3 alert font-sizing离子 3 警报字体大小
【发布时间】:2018-01-02 17:31:24
【问题描述】:

我正在使用 ion-select => ion-option 作为我的 ionic 3 项目的输入。它会在选择时发出警报,但是警报正文的字体大小非常小,我尝试了所有 sass 选项来增加其字体大小都是徒劳的。我试过使用.alert-md,.alert-tappable。有什么办法可以增加这个字体。

.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 ion-select,以防万一。

【问题讨论】:

    标签: sass ionic2 ionic3


    【解决方案1】:

    我找不到任何与标签相关的 Ionic Sass 变量(我找到了一个用于消息、警报的标题和副标题,但没有用于标签),因此您始终可以使用 css 样式规则来设置正确的字体大小:

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

    Android 的默认值为 font-size: 1.6rem;,iOS 的默认值为 font-size: 1.4rem;

    更新

    请注意,alert html 元素在页面之外,所以样式规则应该放在app.scss 文件中。

    【讨论】:

    • 还是没有效果
    • 请尝试像这样.ios, .md { your-page-name { /* put your styles here...* / } } 包装您页面中的样式规则
    • 必须有一些规则覆盖这些样式,我已经在本地检查过,样式规则确实改变了字体大小。您还有其他与警报相关的样式规则吗?能否请您粘贴该页面的.scss 文件的内容?
    • 哦,看起来警报 html 元素不在页面内。您能否尝试在您的app.scss 文件中设置该规则(.alert-radio-label { font-size: 3rem; })?
    • 有效,似乎我没有考虑到警报层次结构。谢谢@sebaferreras
    猜你喜欢
    • 2018-05-23
    • 1970-01-01
    • 2012-04-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-25
    相关资源
    最近更新 更多