Windows 高对比度模式下的 contenteditable div 占位符颜色答案

【问题标题】：contenteditable div placeholder color in Windows high contrast modeWindows 高对比度模式下的 contenteditable div 占位符颜色
【发布时间】：2015-12-11 08:29:49
【问题描述】：

我有一个内容可编辑的 div 供用户输入文本。该 div 有一个占位符，适用于常规模式。在高对比度模式下，颜色看起来不正确。我想确保占位符在 Windows 高对比度模式下脱颖而出。

在 IE 中，对于输入或其他控件，默认的高对比度占位符颜色为“绿色”。由于占位符不是 div 的默认属性标记，因此不会自动拾取“绿色”颜色。

<div id="somediv" contenteditable="true" placeholder="I am a placeholder"></div>

jsfiddle：http://jsfiddle.net/Payson/3L3r1w8m/

我们也关心视力不佳的客户。这对我们的潜在客户很重要。请帮忙。我找不到足够的资源来获取此信息。

【问题讨论】：

标签： html css

【解决方案1】：

我找到了办法

@media screen and (-ms-high-contrast: active) 
{
    [contentEditable=true]:empty:not(:focus):before
    {
      content:attr(placeholder);
      font-style: italic;
      color: #00FF00;
    }
}

但是，它只支持 IE，不支持 firefox。 Chrome 有它唯一的插件来打开高对比度模式。等待火狐的答案。

【讨论】：