2015-08-19 6 views
7

Im Edge-Browser konnte ich die Eingabe-Platzhalterfarbe nicht ändern.Im Edge Browser, wie ändert man die Eingabeplatzhaltertextfarbe mit CSS?

:-ms-input-placeholder funktioniert nicht funktioniert, aber auf IE 10 & IE 11 in Ordnung.

input:-ms-input-placeholder { 
    font-style:italic;   
    color: red; 
    background-color: yellow; 
} 

gibt es trotzdem, um es mit CSS arbeiten zu lassen?

+0

Haben Sie die '-webkit' Version ausprobiert, denke ich, dass dies ein Fallback für IE-Edge sein könnte? –

+0

Ja, ich habe es versucht. Hat nicht funktioniert. –

Antwort

17

Von CanIUse.com

:: - Webkit-input-Platzhalter für (Chrome/Safari/Oper)

: -ms-input-Platzhalter für IE.

:: - ms-input-Platzhalter für Edge-

Notiere die doppelte Doppelpunkt-Syntax

+0

Doppel Doppelpunkt gearbeitet. Ah ... ich habe es versäumt, das zu versuchen. Vielen Dank! –

+0

Für meinen Teil arbeitete es schließlich am Rand mit Eingabe :: - ms-input-placeholder {color: myColor;}. Aber es hat nicht mit Input :: - ms-input-placeholder, input: -ms-input-placeholder {color: myColor;} – ken

6

für die aktuelle Version des Microsoft Edge-Browser (auch webkit Präfix unterstützt), doesn Platzhalter‘ t funktionieren richtig. Werfen Sie einen Blick auf diese Ausgabe Microsoft Edge placeholder bug. Wenn der Platzhalter nicht sichtbar ist, versuchen Sie, die Deckkraft position: relative und :-webkit-input-placeholder zu entfernen.

+1

Crazy bug ... immer noch vorhanden – magicspon

+5

'transform: scale (1)' auf dem Eingang itself funktionierte besser für mich. Platzhalter erschien wieder wie Magie ... –

Verwandte Themen