How to change the text color of the Dropdown widget

  • Melinda S.
    Asked on August 3, 2023 at 11:11 PM

    How do I change the color of the "Please Select" text for a dropdown property.

  • Billy JotForm Support
    Replied on August 4, 2023 at 5:13 AM

    Hi Melinda,

    Thank you for reaching out to Jotform Support. Here's the CSS code:

    .form-dropdown {
    color: red !important;
    }

    If you want the dropdown options to have a different color, then add this code:

    .form-dropdown option {
    color: green !important;
    }

    Here are the steps on how to inject CSS code into the form:

    1. Open the form in Form Builder
    2. Click on the roller-paint icon (Form Designer) located in the upper right corner
    3. Click on the Styles tab
    4. In the Inject Custom CSS section, insert/paste the code above and click on Save

    Reach out again if you need any other help.