2015-08-19 26 views
7

W przeglądarce krawędzi nie mogłem zmienić koloru zastępczego dla wprowadzania danych.W przeglądarce krawędzi, jak zmienić kolor tekstu zastępczego przy użyciu CSS?

:-ms-input-placeholder nie działa, ale działa prawidłowo na IE 10 & IE 11.

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

czy mimo to działa z wykorzystaniem CSS?

+0

Czy wypróbowałeś wersję '-webkit', która może być awarią dla IE-Edge? –

+0

Tak, próbowałem. Nie działało. –

Odpowiedz

17

Od CanIUse.com

:: - WebKit-input-zastępczy (Chrome/Safari/Opera)

: -ms-input-zastępczy dla IE.

:: - ms-input-zastępczy za krawędź (WebKit obsługuje również prefiks)

Uwaga podwójne składni okrężnicy

+0

pracował podwójny dwukropek. Ah ... Nie mogłem tego spróbować. Dzięki! –

+0

Z mojej strony ostatecznie pracowałem na krawędzi używając input :: - ms-input-placeholder {color: myColor;}. Ale nie z input :: - ms-input-placeholder, input: -ms-input-placeholder {color: myColor;} – ken

6

Dla obecnej wersji przeglądarki Microsoft Edge, zastępczy robi” t działa poprawnie. Spójrz na ten numer Microsoft Edge placeholder bug. Jeśli symbol zastępczy jest niewidoczny, spróbuj usunąć krycie position: relative i :-webkit-input-placeholder.

+1

Szalony błąd ... nadal obecny – magicspon

+5

'transform: skala (1)' na wejściu itself pracował dla mnie lepiej. Symbol zastępczy pojawił się ponownie jak magia ... –