Изменение цвета текста в «содержании» CSS свойство

Question

У меня есть форма с кучей поля, созданной следующим образом:

<div class="required"> 
    <label>Name:</label> 
    <input type="text"> 
</div> 

<style> 
    .required:after { content:" *"; } 
</style> 

Теперь я хотел бы сделать что ASTERISK вежливого красным, указывая что, возможно, что-то пошло не так с заполнением формы.

Answer 1

Установите свойство цвета: .required:after { content:" *"; color: red; }

Стиль свойства будут иметь влияние на содержание так же хорошо.

Answer 2

Вот хороший пример: FIDDLE

Наличие: .required:after { content: "*"; color: red; }