css – firefox上的占位符文字颜色

我在输入表单字段中有一个占位符文本,我似乎不能将颜色更改为白色,它出现为灰色,但仅在Firefox上. Chrome浏览器似乎很好.

当您输入字段时显示正确的颜色,它只是初始占位符不响应.

任何帮助将不胜感激,谢谢.

CSS：

input#myinput::-webkit-input-placeholder {
    color:#FFF; background-color:#CCC; 
}
input#myinput::-moz-placeholder { 
    color:#FFF; background-color:#CCC;  
}
input#myinput:-moz-placeholder { 
    color:#FFF; background-color:#CCC; 
}
input#myinput::-ms-input-placeholder { 
    color:#FFF; background-color:#CCC; 
}   /* IE10+ */

input[type="text"]{
    width:170px; height:16px; padding:12px 5px; border:none; 
    color:#FFF; font:14px/14px 'Arial',Helvetica,sans-serif; 
    text-align:center; background-color:#CCC;
}

Heres my fiddle

解决方法

添加不透明度：1到Firefox占位符.

查看更新fiddle

原文地址：https://www.jb51.cc/css/217260.html