css - Firefox -moz-placeholder，不工作

Question

我无法让这个占位符在 Firefox 13.0.1 中正确设置样式

我有一个带占位符的输入字段:

<input class="textFieldLarge" placeholder="Username" id="username" name="username" type="text" />

我有这个 CSS:

.textFieldLarge{
    width:400px;
    height:50px;
    line-height:50px;
    padding-left:5px;
    padding-right:5px;

    background:none;
    background-color:#FFF;
    border:solid 1px #BBB;

    font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
    color:#333;
}

.textFieldLarge::-webkit-input-placeholder, .textFieldLarge:-moz-placeholder{
    font-style:italic;
    color:#BBB;
}

这应该将文本字段 #333 和占位符 #BBB 设置为斜体。我有这个与 chrome 和 IE 一起工作，但无法弄清楚 FF。

编辑，发现我在同一时间应用的问题::-webkit-input-placeholder

仍然希望修复，但我怀疑这是否可行，因为当两者分别应用时它工作正常。不再是真正的问题，但有点烦人。

Answer 1

如果选择器的一部分无效，则整个选择器都将无效。

因此，-moz- 和-webkit- 需要两个不同的规则。