CSS - 即使属性相同，占位符文本也不同

Question

我在导航切换器旁边有搜索输入。我想将占位符的文本设置为导航切换器的标题，但即使属性相同，它们也不相似。

请参阅：

::-webkit-input-placeholder {
    color:#B2B4B5;
    font-weight:bold;
    font-size:15px;
}
:-moz-placeholder {
    color:#B2B4B5;
    font-weight:bold;
    font-size:15px;
}
::-moz-placeholder {
    color:#B2B4B5;
    font-weight:bold;
    font-size:15px;
}
:-ms-input-placeholder {  
    color:#B2B4B5;
    font-weight:bold;
    font-size:15px;
}
#menu-toggler > h4 {
    width:auto;
    padding:0 0 0 40px;
    height:25px;
    color:#B2B4B5;
}

为什么？这是一个错误吗？我正在使用Mozilla FF。

Answer 1

不确定发生了什么，但这些可能会对您有所帮助：

IE：http://msdn.microsoft.com/en-us/library/ie/hh772745(v=vs.85).aspx

Firefox：https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-placeholder?redirectlocale=en-US&redirectslug=CSS%2F%3A-moz-placeholder

CSS技巧：http://css-tricks.com/snippets/css/style-placeholder-text/

Answer 2

CSS文件中可能有另一个属性覆盖您设置的属性，例如文本标记为

并且您已设置该属性

Answer 3

我注意到FF要求你对造型占位符非常具体。

而不是

:-moz-placeholder

试

input:-moz-placeholder

作为类名（例如）。与:: - moz-placeholder样式相同的计数。 尽可能具体，因为如果元素在元素上具有更具体的样式，FF往往会覆盖占位符。