如何在不影响Internet Explorer 11中的placeholder字体颜色的情况下更改input 文本框的字体颜色？

如果我在输入（小提琴）中更改字体的颜色：

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中的默认灰色颜色：

但它确实在Chrome 35中显示：

奖金喋喋不休

如果我不设置input框的样式，那么输入框不是样式的。 更改：

.buttonToolbar input {
    color: Blue;
}

至

.buttonToolbar {
    color: Blue;
}

意味着占位符文本现在可以做它应该做的事情：

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

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

奖金阅读

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

---

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

.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://jsfiddle.net/55Sfz/2/

---

我对此很陌生，这个答案可能只是一个快速解决方案......但是如果你在GrayText之后添加！important，那么它似乎可以工作（至少在IE 10中）。

color: GrayText !important;

这里是小提琴http://jsfiddle.net/uc2Rj/

如果你不想使用！重要的话，这至少可以让你朝着解决问题的正确方向开始。 它可能是关于伪元素和类优先级的东西（为什么我不能覆盖现有的伪元素？）

链接地址: http://www.djcxy.com/p/12181.html

上一篇: How to set input text color, but not placeholder color, in IE11

下一篇: Change behaviour of placeholder attribtute