How to add required asterisk to Quiz Label and style it?

[ad_1]

I am trying to add an asterisk in html format like this:
<span style=’color:red;font-size: small;’><sup>*</sup></span>

to the Quiz label on a contact form. No matter what I try, the styled asterisk gets removed once the page completely loads.

Here’s an example of a script I have applied to the page:
jQuery(document).ready(function($){$(“.wpcf7-quiz-label”).append(“<span style=’color:red;font-size: small;’><sup>*</sup></span>”);});

I think there is something special about the quiz field / label that is preventing me from doing this. How can I work around this?

The page I need help with: [log in to see the link]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer