I want to change the highlight color inside a dropdown menu.

  • kennyhumphries
    Asked on October 17, 2020 at 2:09 PM

    Y'all's resources have been great. I've tried a bunch of different CSS solutions, but no luck yet.

    I need to change the dropdown menu, hover-over-highlight-color.

    I tried this: https://www.jotform.com/answers/1861151-change-color-of-the-dropdown-field-options

    It worked, but it's not what I was hoping for.

    and this: https://www.jotform.com/answers/784720-Changing-the-highlight-color

    This also worked, but isn't what I want.

    When you open a drop down and move the cursor down the list of options, it highlights in blue. We'd like to change that.

    Thanks

    Page URL: https://form.jotform.com/202787600314047
  • John Support Team Lead
    Replied on October 17, 2020 at 4:16 PM

    If you're referring to the color when you hover over the options of the dropdown field:

    1602965354 5f8b4f6a53e90 Screenshot 10

    Unfortunately, there is no way to style or customize the highlight selection color since this color is browser-specific. The color depends on the browser you are using. To better illustrate, here are some examples:

    MS EDGE - Gray

    1602965513 5f8b5009394c4 Screenshot 21

    FIREFOX - Darker than Chrome

    1602965566 5f8b503ebaaf3 Screenshot 32

    SAFARI - Lighter than Chrome and Firefox

    1602965639 5f8b50875ebca Screenshot 43

    You can change the background color of the dropdown or the font color of the option texts but highlight color of the native select box is not possible.