2017-08-10 7 views
1

Wie im Bild unten Im Chrome-Browser funktioniert der Platzhalter nicht gut ... Er gleitet nach links.Platzhalter sieht in Chrome seltsam aus, So lösen Sie

Wie kann ich das lösen.

ich keine CSS für Platzhalter verwendet haben

-Code ist wie

<input type="text" name="users_address" placeholder="Address" required="">

enter image description here

+1

https://css-tricks.com/almanac/selectors/p/placeholder/ –

+1

Geben Sie bitte Polsterung oder text-indent zur Eingabe –

Antwort

1

für nur Chrome,

::-webkit-input-placeholder {text-indent:15px;}

+0

ohne Webkit-Input- Platzhalter funktioniert gut in meinem Chrom – Kondal

+0

Was für alte Version Chrome? @Kondal Funktioniert es für alle Versionen? –

3

weiß nicht, warum es passiert, können Sie einfach diese hinzufügen Code in Ihrem css

input::placeholder, 
input::-webkit-input-placeholder, 
input::-moz-placeholder, 
input::-ms-input-placeholder { 
    text-indent:10px; 
} 
1

Wenn Sie in der Standardfunktion Probleme haben, dann verwenden Sie JS Lösung, die für alle Browser funktioniert. Ich habe diese plugin verwendet und es funktioniert in den meisten Browsern.

Verwandte Themen