2017-05-07 24 views
0

この時点で、イオンコンボックスは中央のイオンラベルの前にあります。これは、イオン2上は可能ですイオン選択でイオン選択をカスタマイズする

enter image description here

enter image description here

は、私は下の上部とコンボボックスの選択にテキストを配置したいですか?

EDIT:

<ion-item> 
    <ion-label>Align on Top</ion-label> 
    <ion-select [(ngModel)]="align"> 
    <ion-option value="t">top</ion-option> 
    <ion-option value="m">middle</ion-option> 
    </ion-select> 
</ion-item> 

答えて

1

あなたは.SCSSページでこれを追加し、

.select-md .select-icon,.select-ios.select-icon { 
    position: absolute; 
    width: 12px; 
    height: 19px; 
    left: 15px; 
    top: 26px; 
} 

を必要に応じて値を調整し、スタックにラベルを変更することができます。

HTMLコードは、イオンのAPIドキュメントを以下の

<ion-label stacked>Align on Top</ion-label> 
+0

rの回答は選択には正しいですが、どうすればラベル "Allign ..."を上に移動できますか? – Goldbones

+0

ここでurのHTMLコードを共有します – rashidnk

+0

これはurの問題を解決することは知りませんが、これを試すことができます – rashidnk

関連する問題