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

What you need is :required selector - it will select all fields with 'required' attribute (so no need to add any additional classes). Then - style inputs according to your needs. You can use ':after' selector and add asterisk in the way suggested among other answers