Css 占位符文本仅在Internet Explorer中可见

我有一个地址表的占位符，给访问者一个如何设置地址格式的例子。占位符文本在IE中可见，但在其他浏览器（chrome、firefox、safari）中是透明的

如何修复它，使其在所有浏览器中都显示

.form控件{
显示：块；
宽度：100%；
高度：34px；
填充：6px 12px；
字体大小：14px；
线高：1.42857143；
颜色：#555；
背景色：#fff；
背景图像：无；
边框：1px实心#ccc；
边界半径：4px；
-webkit盒阴影：插入0 1px 1px rgba（0,0,0,075）；
盒影：插入0 1px 1px rgba（0,0,0,075）；
-webkit过渡：边框颜色缓进缓出.15s，框阴影缓进缓出.15s；
过渡：边框颜色淡入淡出.15s，框阴影淡入淡出.15s；
}
.窗体控件：焦点{
边框颜色：#66afe9；
大纲：0；
-webkit盒阴影：插入0 1px 1px rgba（0,0,0,075），0 0 8px rgba（102,175,233,6）；
盒影：插入0 1px 1px rgba（0,0,0,075），0 0 8px rgba（102,175,233,6）；
}
.form控件：：-moz占位符{
颜色：#999；
不透明度：1；
}
.form控件：-ms输入占位符{
颜色：#999；
}
.form控件：：-webkit输入占位符{
颜色：#999；
}
}
.form控件：-moz占位符{
颜色：#c0392b；
}
}
.form控件：：-moz占位符{
颜色：#c0392b；
}

收件人地址

我想这可能是两件事之一： 1） 您的RGBA将最后一个值设置为0，这将使文本完全不可见。try:

rgba（0,0,0,0.5）

2） 请尝试在占位符文本中使用
\n
作为换行符，而不是实际的换行符

显然，您有半透明的文本区域，它与默认的灰色占位符颜色相结合，使文本完全不可读。可以使用以下规则集更改占位符的文本颜色

::-webkit-input-placeholder {color:#c0392b;}
::-moz-placeholder          {color:#c0392b;}/* Firefox 19+ */
:-moz-placeholder           {color:#c0392b;}/* Firefox 18- */
:-ms-input-placeholder      {color:#c0392b;}

这对我来说就像预期的那样。铬44.0.2403。157@Cheslab屏幕截图添加请提供它仍然适合我，虽然它看起来不像在你的屏幕截图雪人改变了最后一个值为5，但没有改变。我在原始帖子中更新了CSS。它出现在我的浏览器中，非常微弱。@pwz2000最后一个值应该介于0和1之间，其中0表示不可见，1表示完全可见。50%的透明度可以写成
0.5
，也可以写成
0.5