2017-02-20 4 views
0

Platzhalter Eigenschaft "text-align: center" funktioniert nicht in IOS, der Text oben zu finden, aber in "ionic serve -l" und in allen Browsern funktioniert es, aber nicht im Gerät. Die CSS ist wie folgt:IONIC cant zentriert Platzhalter in IOS

.input-login{ 
    color: white !important; 
    font-family: 'Din Condensed'; 
    font-size: 22px !important; 
    text-align: center; 
} 

Image: place holder problem in ionic

Dank

Antwort

0

Schließlich wurde die Lösung Eigenschaften gerade in der Klasse "Platzhalter" zu setzen und nicht im Tag, und löst die ios Problem erstellen.

Dies war die Lösung:

/** Place Holder */ 

.placeholder{ 
    vertical-align: center; 
} 

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
    vertical-align: center; 
} 
::-moz-placeholder { /* Firefox 19+ */ 
    vertical-align: center; 
} 
:-ms-input-placeholder { /* IE 10+ */ 
    vertical-align: center; 
} 
:-moz-placeholder { /* Firefox 18- */ 
    vertical-align: center; 
} 

/** End Place holder */