2015-12-14 14 views
5

IE9 tarayıcısında bir CSS sorunu hakkında gerçekten kafam karıştı. placeholder ile textarea elemanlı bir web sayfam var. Ben: Windows 7 işletim sisteminde IE9'da -ms-giriş-yer tutucu çalışmıyor OS

enter image description here

giriş metin text-align sola ayarlanır, yer-tutucu yalnızca text-align: center; istiyorum.

enter image description here

aşağıda Düzenlemelerimi bakınız.

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> 

Her şey Windows 8 yılında IE 11, Firefox, Chrome gayet iyi çalışıyor, Ama Windows IE9 için bu web sayfasını baktığınızda o

çalışmıyor 7
+0

Cevabım doğruysa, lütfen kabul edin. –

cevap

0

MSDN'a göre, bu seçicinin çalışması için en azından IE 10'a sahip olmanız gerekir. Ayrıca, daha fazla araştırmadan sonra - IE9'da desteklenmeyen, istenen şekilde çalışmasını sağlamak için başka çözümler de vardır.

Lütfen SO answer numaralı telefonu veya alternative JS here numaralı telefonu inceleyiniz.

+0

Ve bu IE sorunu nasıl giderir, tam olarak? -ms- öneki zaten vardı, bu yüzden en iyi ihtimalle bu cevap diğer tarayıcılara hitap ediyor ve soru - IE'nin konusunu rahatça görmezden geliyor. – BoltClock

+0

Asıl soru şu ki, bu ayrıntılar yoktu, cevabımı ayarladıktan sonra. teşekkür ederim –

İlgili konular