html - Firefox 23.0.1 Chrome 23.0.1271.64 和 IE 8 之间占位符的字体颜色差异

Question

我将输入字段的占位符字体颜色更改为蓝色，我已经在 Chrome 中对其进行了测试，它的颜色是蓝色。但在 FF 23.0.1 中，颜色比蓝色稍微“浅”一些。

请参阅下面的对比，注意“月份”在一个范围内，颜色也是蓝色：

在 Chrome 中，这很好，见下文：

然而，在 Firefox 23.0.1 中，看起来像这样：

在 IE8 中，不显示：

注意颜色的不同。

下面是我正在使用的 CSS 代码：

.month_span { color: blue; }
.input::-webkit-input-placeholder { color:blue}
.input::-moz-placeholder { color:blue; } /* FF 19+ */
.input:-moz-placeholder { color:#bbb; } /* FF 18- */
.input:-ms-input-placeholder { color:#bbb; }

我的问题：1。为什么FF的颜色更浅？2、如何在IE中显示占位符值？

Answer 1

The placeholder attribute isn't supported by IE until IE 10, so that explains that.

Firefox apparently applies opacity:0.54 to the placeholder text: http://css-tricks.com/snippets/css/style-placeholder-text/

This will fix:

.input::-moz-placeholder { color:blue; opacity: 1; } /* FF 19+ */
.input:-moz-placeholder { color:#bbb; opacity: 1; } /* FF 18- */