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-.