:-ms-input-placeholder is not working in IE9 in Windows 7 OS

Question

I am really confused about a CSS problem in IE9 browser. I have a webpage with textarea element with placeholder. I want to text-align: center; the place-holder only,

input text text-align is set to left.

Please see my edits below.

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>

Everything works fine in IE 11, Firefox, Chrome in Windows 8 , But when i look this webpage in to IE9 in Windows 7 it's not working

score 0 · Accepted Answer · edited May 23 '17 at 12:23

0

According to MSDN, in order for this selector to work you need to have at least IE 10. Also, after further investigation -- since it is not supported in IE9 there are other workarounds to getting it to work as desired.

Please check out this SO answer or this alternative JS here.

edited May 23 '17 at 12:23

Community

1
1

answered Dec 14 '15 at 13:58

David Pine

23,787
10
79
107

And this addresses the IE issue how, exactly? The -ms- prefix was already there, so at best this answer addresses the other browsers while conveniently ignoring the subject of the question - IE. – BoltClock Dec 15 '15 at 05:29
Originally the question didn't have those details, I have since adjusted my answer. Thank you – David Pine Dec 15 '15 at 12:47
@David Thank you for your great support. – Ragesh P Raju Apr 18 '18 at 13:07

:-ms-input-placeholder is not working in IE9 in Windows 7 OS

1 Answers1