css-firefox上的占位符文本颜色
我在css-firefox上的占位符文本颜色,css,Css,我在输入表单字段中有一个占位符文本,我无法将其更改为白色,它显示为灰色,但仅在firefox上。Chrome浏览器看起来不错。 当您在字段中键入正确的颜色时,显示的只是初始的占位符,没有响应。 任何帮助都将不胜感激,谢谢。 css: 试试看 ::-webkit-input-placeholder { color: #fff; } :-moz-placeholder { /* Firefox 18- */ color: #fff; } ::-moz-placeholder
输入
表单字段中有一个占位符
文本,我无法将其更改为白色
,它显示为灰色
,但仅在firefox上。Chrome浏览器看起来不错。当您在字段中键入正确的颜色时,显示的只是初始的
占位符
,没有响应。任何帮助都将不胜感激,谢谢。
css: 试试看
::-webkit-input-placeholder {
color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
:-ms-input-placeholder {
color: #fff;
}
在Firefox占位符中添加
opacity:1
请参见更新的我有,这与我的css不一样吗?没错,但两个moz占位符定义中还必须添加“不透明度:1”。我怀疑这更多地是因为字体呈现的差异,而不是其他颜色,尽管其他颜色看起来确实有点“褪色”。
::-webkit-input-placeholder {
color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
:-ms-input-placeholder {
color: #fff;
}
//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;
}