From a, 6 Years ago, written in CSS.
Embed
  1. /*
  2.  Public Domain
  3. */
  4. /*
  5.     Created on : 2018.05.02., 8:40:25
  6.     Author     : aryx
  7. */
  8.  
  9. .form-field {
  10.     display:block;
  11.     margin:10px;
  12. }
  13.  
  14. .form-field input{
  15.     border:2px solid black;
  16. }
  17.  
  18. .form-field input#password, .form-field input#name {
  19.     width:110px;
  20. }
  21.  
  22. .form-field input#age {
  23.     width:60px;
  24. }
  25.  
  26. .form-field input.goodData {
  27.     background-color:lightgreen;
  28.     border-color:lightgreen;
  29. }
  30. .form-field input.badData {
  31.     background-color:lightcoral;
  32.     border-color:lightcoral;
  33. }
  34.  
  35. .form-field label {
  36.     width:180px;
  37.     display:inline-block;
  38. }
  39.