How to style a form using CSS

How to style a form using CSS

I put my programmer on this task and they found a solution.
  1. Using your browser's Inspect feature, get the CSS classes of both the <label> and <span> of any element you want to style in your form.
  2. Create a page.
  3. Embed the form in the page.
  4. Add an HTML snippet
  5. Add whatever style you want for your elements to the HTML snippet. 
For example, in the code below, we were able to add a red asterisk to our conditionally mandatory phone number field. 

In the screenshots, you can see that the field is NOT mandatory, but when it renders it shows the red asterisk.
  1. <%{
  2. style = "<style>";
  3. style = style + ".zc_phonenumber_label .zc-label-text::after {content: ' *';color: red;}";
  4. style = style + "</style>";
  5. %>
  6. <%=style%>
  7. <%

  9. }%>