Comment résoudre espace réservé CSS différence à travers les différents navigateurs?

Je suis en utilisant Twitter bootstrap CSS. Ci-dessous vous pouvez voir comment le même code est affiché différemment avec FireFox et Chrome.

C'est assez étrange. Firebug me dit que l'espace réservé du css est définie comme ce gris clair:

:-moz-placeholder {
    color: #999999;
}

Devraient avoir une incidence sur tous les espaces réservés à l'intérieur de tous les éléments de son fait correctement dans le navigateur Chrome.
Mais dans Firefox pourquoi textareas correctement appliquée, mais input ne l'est pas? Comment puis-je résoudre ce problème?

<input id="id_referred_by" type="text" maxlength="50" name="referred_by" placeholder="...was referred by?">

<textarea id="id_contacts_interests" name="contacts_interests" cols="40" placeholder="Any particular interests?" rows="4"></textarea>

Chrome:

Comment résoudre espace réservé CSS différence à travers les différents navigateurs?

Firefox:

Comment résoudre espace réservé CSS différence à travers les différents navigateurs?

mise à jour:

Les commentaires ci-dessous m'a donné une idée:

Input a contrairement à textarea la color: #9999 entrée barrée, ce qui signifie quelque chose est primordial.

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
color: #555555;
display: inline-block;
font-size: 13px;
height: 18px;
line-height: 18px;
margin-bottom: 9px;
padding: 4px;
}

C'est en fait ce color: #555555;. Quand j'ai désactiver firebug, tout cela fonctionne. Comment se fait-Chrome ne se soucient pas de cela, mais Firefox? Des conseils comment résoudre ce à travers les deux navigateurs? Je suis encore nouveau pour le css.

il fonctionne pour moi ici - jsfiddle.net/WHTmC mais vous voudrez peut-être essayer de définir la règle de ce input:-moz-placeholder
Fonctionne pour moi aussi.
c'est tellement étrange. Je peux voir votre code fonctionne en ligne. Mais, localement, il n'est pas. Peut cela peut éventuellement être ainsi? Même le code local est différent sur les deux navigateurs...
vous pourriez avoir une règle CSS avec une priorité plus élevée sur ce champ de saisie, comme #formName input { color: #000 }
Du bon sens, mais ne devrait pas affecter les Chrome? 🙂

OriginalL'auteur Houman | 2012-07-04