2017-03-15 54 views
1

我需要將我的佔位符文本移動到左側,並向右下拉箭頭,我有對象數組中的值。我需要的是我的佔位符向左移動和箭頭向右移動一個佔位符到左邊選擇

<ion-item> 
     <ion-select [(ngModel)]="Country" item-right name="Country" placeholder="Select country" required> 
      <ion-optionv value={{item.val}} *ngFor="let item of options" >{{item.name}}</ion-option> 
     </ion-select> 
</ion-item> 
     <button [disabled]=!form.valid ion-button type="submit" value="Submit" block>Submit</button> 

enter image description here

回答

2

enter image description here

試試這個!

ion-select{ 
    width:100%; 
    max-width: 100% !important; 
    padding-left:0px; 
} 

如果它不起作用,一些CSS屬性必須重寫它。 !馬克這兩個屬性爲重要

+0

下拉箭頭沒有移動到右,佔位移動 –

+0

也添加到這個類**最大寬度:100%重要; ** –

+0

@YokeshVaradhan它解決您的問題? –