What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Dropdowns arrows in my form are not displayed in Chrome and other Webkit based browsers when I embed the form's full source

    Asked by Deralict on February 03, 2015 at 04:43 PM

    OK, I've ALMOST got this working...the only problem I have is that my select boxes (dropdowns) are missing the dropdown indicator arrows on the right side of the select box.

    Compare this (embedded source code):

    With this (original, iFrame):

     

    My new form is in this page: http://www.lifesprung.com/staging/

    Webkit browsers Chrome no dropdown arrows affects only Webkit Webkit browser issue no arrow on dropdown select arrow missing no arrow on selects no a
  • Profile Image
    JotForm Support

    Answered by abajan on February 03, 2015 at 07:22 PM

    Hi Deralict,

    Please search for this rule in the file at

    http://www.lifesprung.com/staging/rw_common/themes/foundation/consolidated.css

    and remove the following declaration:

    -webkit-appearance: none !important;

    (It's the first declaration in the rule.)

    Due to the way the CSS in that file is formatted (in a single line), it may be a bit tricky locating the rule. It's the eighth occurrence of select and starts at column 65,275.

    If you need more assistance with this, be sure to let us know.


    Cheers