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

标签 html css internet-explorer google-chrome firefox

我将输入字段的占位符字体颜色更改为蓝色,我在 Chrome 中测试过,它的颜色是蓝色。但在 FF 23.0.1 中,颜色比蓝色稍微“浅”一些。

看下面的对比,注意“月份”在一个跨度内,颜色也是蓝色的:

在 Chrome 中,没问题,见下文:

enter image description here

但是,在 firefox 23.0.1 中,看起来像这样:

enter image description here

在IE8中,不显示:

enter image description here

注意颜色的差异。

下面是我使用的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/

相关文章:

javascript - 无法使用放置项将 <div> 在 Flexbox 内垂直居中

css - 两个 div 标签之间的空间

html - Internet Explorer 中的元素定位

html - 在 Web 应用程序中使用 H1、H2、H3 是否具有语义意义?

html - 清除/覆盖输入元素的 css

html - CSS3 关键帧动画仅适用于 Firefox

python - 在 css 中突出显示当前打开的类别选项卡的链接

internet-explorer - 如何正确组合 CSS 文件

html - Internet Explorer CSS 问题

javascript - 如何在 jQuery 中用 div 包装元素?