How to change drop down arrow

  • Profile Image
    prophc
    Asked on October 31, 2012 at 03:34 PM

    On my drop down menu I have a blocky grey button with a black arrow. Is there a way to change it to just the black down arrow in css? Or change it to an image?

  • Profile Image
    Welvin
    Answered on November 01, 2012 at 01:32 AM

    Hi,

    I'm sorry and please disregard my first response. It was actually changeable, please check this thread:

    http://www.jotform.com/answers/141665-Need-help-with-CSS-in-form

    Again, apologize for my first response. Thank you very much.

  • Profile Image
    ostepar
    Answered on November 25, 2014 at 02:42 PM

    Your link is not working. Please could you explain it again ? Thanks

  • Profile Image
    Mike_T
    Answered on November 25, 2014 at 05:05 PM

    @Ostepar,

    The link should be accessible now:

    http://www.jotform.com/answers/141665

    Note, that we use a standard drop down control, so the drop down arrow depends on the browser implementation. In other words, you will see the native drop down implementation in each browser.

    It is possible to use some CSS hack to change this behavior. For example, this CSS (the code will need to be adjusted to work on other form) changes the drop down on the next form:

    http://www.jotformpro.com/form/22984473861970

    You might also consider using available drop down widgets.

    http://widgets.jotform.com/search/drop%20down

    Thank you.