占位符在Internet Explorer中无法正常工作

Question

我的应用程序出现了一些问题，在Internet Explorer 11中没有显示占位符。

我尝试了下面的CSS示例，但没有成功。

:-ms-input-placeholder { /* IE10–11 */
    color: #ccc !important;
    font-weight: 400 !important;
}

::-ms-input-placeholder { /* Edge */
    color: #ccc;
    font-weight: 400;
}

::placeholder { /* CSS Working Draft */
    color: #ccc;
    font-weight: 400;
}

有什么解决这个问题的建议吗？

- Hiroyuki Nuri

---

请在您的问题中发布重现问题所需的代码。 - Jacob G

看起来你已经完成了CSS作业。CSS应该可以工作，尽管占位符无论如何都应该可以工作。发布一些HTML。你是在非输入元素中使用它吗？ - Tom

你确定没有JS更改输入吗？ - Jacob G

Answer 1

最终找到了解决这个问题的方法，发现在使用Internet Explorer 11时，调试器屏幕上的仿真默认设置为9，因此我在HTML的头标签中添加了以下代码。

<meta http-equiv="X-UA-Compatible" content="IE=11">

这将把兼容性格式更改为IE11。

- Hiroyuki Nuri