Я использую последнюю версию Firefox 30.0. Я пытаюсь вставить красный шрифт потрясающей звездочкой перед заполнителем обязательных полей. У меня это работает в Chrome без проблем, но у меня проблемы с FF и.

Вот кодекс, иллюстрирующий мою проблему - http://codepen.io/anon/pen/BLibw

Моя разметка:

<input placeholder="Address" data-required required id="id_street" name="street" type="text" />

Мой CSS (sass):

[data-required] {
    &::-webkit-input-placeholder::before { font-family: fontAwesome; content:'\f005  '; color: $color-red; }
    &::-moz-placeholder::before { font-family: fontAwesome; content:'\f005  '; color: $color-red; } /* firefox 19+ */
    &:-ms-input-placeholder::before { font-family: fontAwesome; content:'\f005  '; color: $color-red; } /* ie */
}

Примечание: Оказывается, IE тоже доставляет мне неприятности.

Спасибо за вашу помощь!