Jotform - Various CSS formatting issues among various browsers

  • fortekfwwd
    Asked on March 14, 2016 at 6:51 AM

    Hello Support,

    I am using a JotForm on my website and I am facing display issues most likely related to the CSS formatting.

    There are 3 main issues I have identified so far:

     

     

    a) I'm using the prebuilt "address" block in the form. All form fields are shaded in the colors I specified in the CSS - except the Country selection dropdown. This issue prevails among all major browsers (Tested so far: Chrome, Firefox, Opera, IE11, Edge). 

    How can I make the Country Dropdown follow the same color scheme as the rest of the form?

     

    b

    ) Form size in IE11. The form doesn't get the responsive layout in IE11, and only fills the half of the container div. In all other browsers, it is resized correctly to fit the container. 

    How do I fix this issue and make the form responsive also in IE11? 

     

    c)

    Submit button. The submit button is colored white in Firefox. All other browsers display it in red, as I defined it in the CSS editor.

    How to get the Submit button color persistent across all browsers?

     

    Thanks and best regards,

    --Markus

  • beril JotForm UI Developer
    Replied on March 14, 2016 at 9:50 AM

    Hey Markus,

    First of all, I like the design of your form. It is very cool.

    I'm using the prebuilt "address" block in the form. All form fields are shaded in the colors I specified in the CSS 

    To solve  that issue, we would appreciate it if you could  add the CSS code below from designer.

    Jotform Various CSS formatting issues among various browsers Image 1 Screenshot 20

    At that situation, it will work as expected.

  • beril JotForm UI Developer
    Replied on March 14, 2016 at 9:56 AM

    I forgot to provide the CSS code for you.

    Here is your code:

    #input_10_country {

        background-color : #555555 !important;

    }

    In addition to that, I've created a separate thread for you, so anyone in the support staff will be able to assist you with your specific requirement. Please follow up there:

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

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

  • fortekfwwd
    Replied on March 14, 2016 at 3:37 PM

    Thanks for the help. I was able to extent the provide css with everything else required to make it look like the other fields. 

    Shows up correctly in preview and jotform editor, so I expect the changes to be propagated to the live site within the next few minutes.

    I think this thread can be marked as resolved.