【问题标题】:ion-select doesn't show full text离子选择不显示全文
【发布时间】:2019-09-24 22:16:08
【问题描述】:

我的表单中的离子选择不显示其离子选项的全文

【问题讨论】:

  • 你能在实际添加离子选择的地方发布完整的 HTML 或 div 吗?
  • {{producto.prod}}
  • @Fomare 最好将代码添加到问题中,而不是作为注释,以便格式正确。

标签: ionic3 ion-select


【解决方案1】:

试试这个:

CSS

.myCustomSelect{
    max-width: 100% !important;
   }

HTML

<ion-select class= "myCustomSelect" [(ngModel)]="pedido">
      ....
 </ion-select>

来源:https://github.com/ionic-team/ionic/issues/5427

【讨论】:

  • 你是我的英雄,谢谢 :)
  • 您能否建议我如何在 ionic 4 中开发我的自定义主题?我在 IT 领域有超过 10 年的经验,但对 ionic 比较陌生。任何帮助将不胜感激。非常感谢。
【解决方案2】:

我也有同样的问题,我把它放在app.scss文件中解决了:

ion-label{

white-space:normal !important;

}

【讨论】:

  • 对于 ios 平台,我提出了这个并解决了我的问题 .alert-radio-label.sc-ion-alert-ios { white-space:normal !important; }
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-07-17
  • 2017-09-26
  • 1970-01-01
  • 2021-05-15
  • 1970-01-01
  • 2019-08-14
  • 2019-07-03
相关资源
最近更新 更多