在IE11中如何设置输入文本颜色而不是占位符颜色

Question

如何更改输入文本框的字体颜色而不影响Internet Explorer11中的占位符字体颜色？

如果我改变了输入中字体的颜色（Fiddle）：

HTML：

<div class="buttonToolbar">
    <input type="text" placeholder="e.g. Stackoverflow"><br>
</div>

CSS：

.buttonToolbar input {
    color: Blue;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-style: italic;
    color: GrayText;
}
::-webkit-input-placeholder { /* WebKit browsers */
     font-style: italic;
     color: GrayText;
}

占位符文本不再是Internet Explorer 11中默认的灰色：

.buttonToolbar input {
    color: Blue;
}

.buttonToolbar {
    color: Blue;
}

意味着占位符文本现在执行它应该执行的操作：

但现在文本颜色并没有做它应该做的事情：

我需要的是弄清楚如何用CSS改变输入的HTML5占位符颜色。

• 使用CSS更改HTML5输入的占位符颜色

Answer 1

您的占位符选择器需要更加具体，如下所示。

.buttonToolbar input {
    color: Blue;
}
.buttonToolbar input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-style: italic;
    color: GrayText;
}
.buttonToolbar input::-webkit-input-placeholder { /* WebKit browsers */
     font-style: italic;
     color: GrayText;
}

http://jsfidle.net/55sfz/2/