2017-10-25 1 views
1

Ich kann keinen placeholder Text auf meinem Projekt sehen. Können Sie mir sagen, warum? Wenn ich ein neues Projekt erstelle, funktioniert es. Das ist ein wirklich seltsames Problem. Irgendwelche Hinweise auf dieses Verhalten?Warum kein Platzhaltertext auf meinem Ionic 3 Projekt

enter image description here

<ion-list> 
    <ion-item> 
     <ion-label color="primary">Inline Label</ion-label> 
     <ion-input placeholder="Text Input"></ion-input> 
    </ion-item> 
</ion-list> 

ich letzte ionische bin mit.

@ionic/cli-utils : 1.15.0 
ionic (Ionic CLI) : 3.15.0 

globale Pakete:

cordova (Cordova CLI) : 7.0.1 

lokale Pakete:

@ionic/app-scripts : 3.0.1 
Cordova Platforms : android 6.2.3 
Ionic Framework : ionic-angular 3.7.1 

System:

Android SDK Tools : 25.2.5 
Node    : v6.10.0 
npm    : 3.10.10 
OS    : Windows 8.1 

Umgebungsvariablen:

ANDROID_HOME : C:\Program Files (x86)\Android\android-sdk 

Sonstiges:

backend : pro 

Hier können Sie sehen, dass es macht correctly.Then, wo ist das Problem? Ich habe das auch auf dem Gerät getestet. Same Horror :(

enter image description here

+0

Versuchen Sie eine 'type' Eigenschaft zur Eingabe hinzuzufügen:' ' – David

+0

Kann den berechneten Stil nicht sehen, aber ist es möglich, dass er irgendwie verschoben wurde aus dem sichtbaren Teil des Elternelements? Ich hatte dies vor ein paar Jahren auf iOS mit ionischen, einige Elternklasse gemacht großen Marge oder so etwas. Es hat mich eine Stunde lang gestört, bevor ich auf die Idee kam, den Stil zu überprüfen. – DanteTheSmith

+0

Nein. Gleiches Entsetzen :(@David – Sampath

Antwort

1

OP Feedback zum

ich gesetzt haben die $text-input-placeholder-color: rgba(255, 255, 255, 0.5); auf variables.scss Datei. Das war das Problem.

Davids Feeback

meisten wahrscheinlich einige anderer (globaler, höherer Level) Stil schließt mit demab 10 Eigentum. Versuchen Sie, das Eingabeelement mit den chrome dev tools zu inspizieren und entfernen/fügen Sie css-Selektoren einzeln hinzu, um herauszufinden, welcher den Fehler verursacht (insbesondere Farben, Rand, Padding, Deckkraft).