我将输入字段的占位符字体颜色更改为蓝色,我在 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中显示占位值?
最佳答案
在 IE 10 之前,IE 不支持 placeholder
属性,所以这解释了这一点。
Firefox 显然将 opacity:0.54
应用于占位符文本:
http://css-tricks.com/snippets/css/style-placeholder-text/
这将修复:
.input::-moz-placeholder { color:blue; opacity: 1; } /* FF 19+ */
.input:-moz-placeholder { color:#bbb; opacity: 1; } /* FF 18- */
关于html - Firefox 23.0.1 Chrome 23.0.1271.64 和 IE 8 占位符字体颜色差异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18415765/