Use CSS to automatically add 'required field' asterisk to form inputs

Question

What is a good way to overcome the unfortunate fact that this code will not work as desired:

    Name:         


        
      

Answer 1

Is that what you had in mind?

http://jsfiddle.net/erqrN/1/

Name:

.required:after {
  content:" *";
  color: red;
}

Name:

See https://developer.mozilla.org/en-US/docs/Web/CSS/pseudo-elements