How to change the hover styles of Autocomplete widget?

  • oliverpowell
    Asked on March 17, 2017 at 5:40 PM

    Does anyone know how to change the list hover states of .form-autocomplete-list.

    I've managed to style a few things, but I'm finding it impossible to inspect a dropdown to figure out what style sheet it belongs to.

    It would be awesome if JotForm surfaced up all the hidden elements.

  • Kiran Support Team Lead
    Replied on March 17, 2017 at 11:13 PM

    Do you mean to change the styling of the list displayed in the autocomplete widget?

    How to change the hover styles of Autocomplete widget? Image 1 Screenshot 20

    If so, following are the classes that you may want to work with the styling of the list.

    .form-autocomplete-list

    .form-autocomplete-list-item

    .form-autocomplete-list-item-selected

    .form-autocomplete-list-item:hover

    If you download the full source code of the form, you may find it from the form.css file.

    Hope this information helps!