Добавление звездочки к обязательным полям с помощью CSS3

[Светлана Г.]

Здравствуйте!

Столкнулась с такой проблемой.

Есть форма и в ней имеются обязательные поля для заполнения с атрибутом required.

 

Хотела сделать, чтобы если поле имеет этот атрибут, добавить после него звездочку.

Но код не работает. Что я делаю не так? И как еще можно решить такую задачу без JS.

input[required="required"]:after{	content:'\2217';	font-size:17px;	color:red;	margin-left:20px;}

Edited July 13, 2014 by Светлана Г.

[Galaxy]

http://css-tricks.com/almanac/selectors/r/required/

[Светлана Г.]

http://css-tricks.com/almanac/selectors/r/required/

Спасибо большое!

[Светлана Г.]

Вот еще решение данной задачи: http://css-live.ru/articles/psevdoklassy-css3-i-formy-v-html5.html