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

  • Deralict
    Asked on February 3, 2015 at 4: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):

    Dropdowns arrows in my form are not displayed in Chrome and other Webkit based browsers when I embed the forms full source Image 1 Screenshot 30

    With this (original, iFrame):

    Dropdowns arrows in my form are not displayed in Chrome and other Webkit based browsers when I embed the forms full source Image 2 Screenshot 41

     

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

  • abajan Jotform Support
    Replied on February 3, 2015 at 7: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