Question

我对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>

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

Answer 1

根据MSDN，为了让这个选择器工作，你需要至少拥有IE 10.此外，经过进一步的调查 - 因为它在IE9中不受支持，还有其他的解决方法让它工作根据需要。

请查看此SO answer或此alternative JS here。

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

1 个答案: