So verkleinern Sie die Texteingabe in Ionic2 und richten die Beschriftung auf der rechten Seite aus

Question

Ich möchte die Breite der Texteingabe verringern und die Beschriftung auf der rechten Seite ausrichten. Standardmäßig platziert Ionic das Label auf der linken Seite.

<ion-item> 
     <ion-label>pounds</ion-label> 
     <ion-input type="number"></ion-input> 
     </ion-item> 

Ich habe versucht, verschiedene Dinge in css wie unten die Eingabelänge zu beheben:

.item.item-input>input{ 
    width:30%; 
    } 

Aber keiner von ihnen arbeitet.

Answer 1

Sie können das nicht tun, wenn Sie versuchen, es zu wickeln mit „Ionenpunkt“

Diese Problemumgehung kann Ihnen helfen, zu erreichen, was Sie suchen,

<ion-row> 
    <ion-input type="number" style="border-bottom: 1px solid #000;max-width: 50%;"></ion-input> 
    <p>pounds</p> 
</ion-row> 

und manuell Stil wie andere Elemente