css - firefox上的占位符文本颜色

Question

我在placeholder表单字段中有一个input文字，我 似乎将颜色更改为white，它显示为{{ 1}}但仅限于Firefox。 Chrome浏览器似乎没问题。

当您在字段中键入正确的颜色时，只显示无响应的初始grey。

任何帮助将不胜感激，谢谢。
    

的CSS：

placeholder

Heres my fiddle

Answer 1

将opacity: 1添加到Firefox占位符。

查看更新的fiddle

Answer 2

//PLACEHOLDER EXAMPLE

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #666;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #666;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #666;
}

Answer 3

尝试

::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

:-ms-input-placeholder {  
   color: #fff;  
}