How to Change the Background Color of the Appointment Field Month and Year Picker Dropdown

Hi, how can I change the background color of the dropdown list for the month and year picker in the appointment field? My font color is white and I want it to be black so I can see the other months.

Thanks.

Hi Kevin,

Thanks for reaching out to Jotform support. I cloned your form and tested it to see if I could replicate the issue, but everything was working properly. Check out the screencast below to see my results:

If you're referring to a different form, can you send me the link to it so I can take a look at it for you?

After we hear back from you, we’ll have a better idea of what’s going on and how to help.

Hi,

Yes, this is the form I am referring to.

I saw that on your end, the month and year picker dropdown background color is different but on my side it is just white on both the build and preview modes.

Thank you.

Hi DOS_Property, 

Can you try Injecting CSS Codes into your form, to change the Calendar Font Color of your Appointment Picker field? Let me walk you through it:

1. First, copy this code:

/*Changes the font color of month & year picker in an ppointment field - 25845431*/

.appointmentCalendarContainer .monthYearPicker .pickerItem select {

    background-color: transparent;

    color: green!important;

}

/*Code ends here*/

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.

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