:-ms-input-placeholder在Windows 7操作系统中的IE9中不起作用

Rag*_*h S 5 html javascript css internet-explorer internet-explorer-9

我对IE9浏览器中的CSS问题感到困惑.我有一个带textarea元素的网页placeholder.我只想要text-align: center;占位符,

在此输入图像描述

输入文本text-align设置为left.

在此输入图像描述

请参阅下面的编辑.

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>
Run Code Online (Sandbox Code Playgroud)

在Windows 8中的IE 11,Firefox,Chrome中,一切正常,但是当我在Windows 7中看到这个网页进入IE9时, 它无法正常工作

Dav*_*ine 0

根据MSDN 的说法,为了让这个选择器工作,您至少需要有 IE 10。此外,经过进一步调查 - 由于 IE9 不支持它,还有其他解决方法可以让它按需要工作。

请在此处查看此SO 答案或此替代 JS