How to Remove the Shaded Color in the Time Element?

  • kkingfamily
    Asked on July 18, 2025 at 11:44 AM

    How to Remove the Shaded Color in the Time Element? Image 1 Screenshot 20

    Jotform Thread 29137801 Screenshot
  • Aries JotForm Support
    Replied on July 18, 2025 at 12:43 PM

    Hi Krista,

    Thanks for reaching out to Jotform Support. You can easily remove the shaded color inside the Time field by injecting custom CSS codes into your form. Let me show you how to do it with the cloned version of your form:

    1. First, copy this code:

          #id_66 .form-input-wide {
        background: none !important;
        box-shadow: none !important;
    }
    #id_66 .form-dropdown {
        background: none !important;
        box-shadow: none !important;
    }

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    How to Remove the Shaded Color in the Time Element? Image 1 Screenshot 30

    Here's the result after injecting the custom CSS codes:

    How to Remove the Shaded Color in the Time Element? Image 2 Screenshot 41

    Give it a try and let us know how it goes.

  • kkingfamily
    Replied on July 18, 2025 at 1:02 PM

    It worked. Thank you for your quick response.

Your Reply