如何在ionic2中自定義離子選擇彈出窗口寬度和高度

Question

正在尋找自定義從離子選擇打開的彈出窗口的寬度和高度。試圖在互聯網搜索，並找到了一些解決方案來定製CSS。嘗試在CSS文件下面的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; 
    } 

我找不到離子文檔中與此相關的離子選擇任何內容。 你能告訴我如何實現這個功能？

Answer 1

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

$警報的IOS-內容最大高度：700像素默認值; $ alert-md-content-max-height：400px！default;

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