2015-12-14 19 views
5

Sono davvero confuso su un problema CSS nel browser IE9. Ho una pagina web con elemento textarea con placeholder. Voglio text-align: center; l'unico posto titolare,: -ms-input-placeholder non funziona in IE9 in Windows 7 OS

enter image description here

testo di input text-align è impostata a sinistra.

enter image description here

Si prega di vedere le mie modifiche di seguito.

Html

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <style> 
     textarea { 
      width: 80%; 
      height: 80px; 
     } 

     ::-webkit-input-placeholder { 
      text-align: center; 
     } 

     :-moz-placeholder { 
      text-align: center; 
     } 

     ::-moz-placeholder { 
      text-align: center; 
     } 

     :-ms-input-placeholder { 
      text-align: center; 
     } 
    </style> 
</head> 
<body> 
    <textarea rows="2" cols="21" id='txtnote' class="testplaceholder" maxlength="500" placeholder="Note" onblur=""></textarea> 
</body> 
</html> 

Tutto funziona bene in IE 11, Firefox, Chrome in Windows 8, ma quando guardo il sito per IE9 in Windows 7 non funziona

+0

Se la mia risposta è corretta, si prega di accettarlo. –

risposta

0

Secondo MSDN, per far funzionare questo selettore è necessario disporre almeno di IE 10. Inoltre, dopo ulteriori indagini - poiché è non supportato in IE9 ci sono altre soluzioni per farlo funzionare come desiderato.

Si prega di controllare questo SO answer o questo alternative JS here.

+0

E questo risolve il problema di IE come, esattamente? Il prefisso -ms- era già lì, quindi nella migliore delle ipotesi questa risposta si rivolge agli altri browser ignorando convenientemente l'argomento della domanda - IE. – BoltClock

+0

Originariamente la domanda non aveva quei dettagli, da allora ho adeguato la mia risposta. Grazie –