2015-08-19 19 views
7

In Edge Browser, non sono riuscito a modificare il colore del segnaposto di input.On Edge Browser, come cambiare il colore del testo segnaposto in input usando i CSS?

:-ms-input-placeholder non funziona ma funziona correttamente su IE 10 & IE 11.

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

c'è comunque per farlo funzionare con i CSS?

+0

Hai provato la versione '-webkit', penso che potrebbe essere un fallback per IE-Edge? –

+0

Sì, ci ho provato. Non ha funzionato –

risposta

17

Da CanIUse.com

:: - webkit-input-segnaposto per (Chrome/Safari/Opera)

: -ms-input-segnaposto per IE.

:: - ms-input-segnaposto per Edge (supporta anche il prefisso webkit)

Nota la sintassi colon doppia

+0

doppio colon funzionante. Ah ... mi sono perso per provarlo. Grazie! –

+0

Per quanto mi riguarda, ha funzionato al limite usando input :: - ms-input-placeholder {color: myColor;}. Ma non con input :: - ms-input-placeholder, input: -ms-input-placeholder {color: myColor;} – ken

6

per la versione corrente del browser Microsoft Edge, segnaposto doesn' t funzionano correttamente. Dai un'occhiata a questo numero Microsoft Edge placeholder bug. Se il segnaposto è invisibile, provare a rimuovere position: relative e :-webkit-input-placeholder opacità.

+1

Bug pazzo ... ancora presente – magicspon

+5

'transform: scale (1)' sull'input itfself ha funzionato meglio per me Il segnaposto riapparve come per magia ... –

Problemi correlati