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

我注意到 FF 要求您非常具体地使用样式占位符。

而不是

:-moz-placeholder

试试

input:-moz-placeholder

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

Answer 2

您的 CSS 文件中可能还有其他属性会覆盖您设置的属性，例如文本标记为

并且您已经为此设置了属性

Answer 3

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

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

火狐：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/