how to change the font color in the choices / selections of a dropdown

  • Profile Image
    bubbbab
    Asked on September 13, 2012 at 04:50 PM
  • Profile Image
    NeilVicente
    Answered on September 13, 2012 at 05:08 PM

    You will have to do custom CSS injection in order to achieve this.

    The codes below should change the dropdown option color to match that of your form's.

    option {
    color: #3062B8 !important;
    }

    If you need further help, please do let us know.

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

  • Profile Image
    bubbbab
    Answered on September 13, 2012 at 05:10 PM

    That did it, thanks so much!

     

    Steve

  • Profile Image
    NeilVicente
    Answered on September 13, 2012 at 05:17 PM

    Steve,

    Kindly use these updated codes:

    select, option {
    color: #3062B8 !important;
    }

  • Profile Image
    bubbbab
    Answered on September 13, 2012 at 05:56 PM

    I will but http://tnaremoval.com/contact_us.htm it seems to be functioning as expected with the old code?

  • Profile Image
    jonathan
    Answered on September 13, 2012 at 06:18 PM

    @bubbbab

    Actually, NeilVicente wanted it improved a bit =)

    The newer code makes the 'selected' option also changed color, not just when 'dropped' down. Now,you can at least choose which one according to your preference.

     

    Please feel free to contact us anytime should you have other inquiry.

    Thanks.

  • Profile Image
    bubbbab
    Answered on September 13, 2012 at 06:21 PM

    On my screen with the old code even, the pre populated field is also blue.

    Man can someone tell me why support at Jotform didn't improve when I became a paying customer? Well I can, it's because it could not have possibly gotten any better than perfect.  You're all amazing! Thank you.

    Steve

  • Profile Image
    jonathan
    Answered on September 13, 2012 at 06:33 PM

    Steve, I just checked your TNA form, if you opt to use the old code, the 'selected' option will not changed color..

     

    Unlike the newer one, as you can see on the previous reply, the 'selected' option also changes when 'selected'. That was the difference betwen those codes.

    Thanks a lot for your kind words to us.