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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/css/217260.html

猜你在找的CSS相关文章