5

Jestem naprawdę zdezorientowany co do problemu CSS w przeglądarce IE9. Mam stronę z elementem textarea z placeholder. Chcę text-align: center; jedyne miejsce posiadacza,: -ms-input-placeholder nie działa w IE9 w systemie Windows 7 OS

enter image description here

text input text-align jest ustawiony na lewo.

enter image description here

proszę zobaczyć poniżej moje edycje.

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> 

Wszystko działa poprawnie w IE 11, Firefox, Chrome w Windows 8, ale kiedy spojrzeć tę stronę internetową w celu IE9 w Windows 7 nie działa

+0

Jeśli moja odpowiedź jest prawidłowa, proszę ją zaakceptować. –

Odpowiedz

0

Zgodnie z MSDN, aby ten selektor zadziałał, musisz mieć co najmniej IE 10. Również po dalszych badaniach - ponieważ jest to nieobsługiwany w IE9 istnieją inne sposoby obejścia tego problemu.

Proszę sprawdzić to SO answer lub to alternative JS here.

+0

A to odnosi się do problemu IE, jak dokładnie? Prefiks -ms- już istniał, więc w najlepszym przypadku ta odpowiedź adresuje inne przeglądarki, jednocześnie wygodnie ignorując przedmiot pytania - IE. – BoltClock

+0

Pierwotnie pytanie nie zawierało tych szczegółów, od tego czasu poprawiłem odpowiedź. Dziękuję Ci –

Powiązane problemy