Question

我正在寻找自定义从ion-select打开的弹出窗口的宽度和高度。试图在互联网上搜索并找到一些自定义css的解决方案。在scss文件中尝试CSS下面，但没有一个工作。由于该应用程序用于平板电脑，我想用尽弹出窗口宽度的50％并自定义高度，因为默认高度较低。

<ion-item>
   <ion-label>Popup Test</ion-label>
   <ion-select>
       <ion-option *ngFor="let item of items" value="{{item.value}}" >{{item.value}}</ion-option>
   </ion-select>
</ion-item>

SCSS：

  ion-select {
      width: 100%;
      max-width: 100%;
      display: flex;;
      overflow: hidden;
      color: #808080;
  }

  .item{
    border-radius: 10px;
    padding-left: 0px;
    margin-left: 0px;
  }
  .alert-ios {
    border-radius: 10px;
    width: 50%;
    max-width: 50%;
  }

  .alert-wrapper {
    border-radius: 10px;
    width: 50%;
    max-width: 50%;
  }

  .alert-radio-label {
    white-space: normal!important;
  }

在ion-select的离子文档中找不到与此相关的任何内容。你能告诉我如何实现这个功能吗？

Answer 1

在 variables.scss 文件中添加以下行：

$ alert-ios-content-max-height：700px！default; $ alert-md-content-max-height：400px！default;

您可以根据需要更改最大高度。

如何在ionic2中自定义离子选择弹出的宽度和高度

1 个答案: