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

    How can I standardize forms for different browsers?

    Asked by YourMedicAgent on October 24, 2016 at 01:50 PM

    I am creating a website with weebly templates and I'm adding forms with this app, but while I'm checking the result, it appears differently in each browser (Google Chrome, Safari, Explorer, Firefox).

    The exact example i'm talking about is about the color of the font... The only place that appears as I created is in Safari, where the text is white, while in the others changes to black or others.

    Also when the user clicks on each option or question, it highlights the whole question and it's impossible to read.

    This is what I mean...

    Example with Safari

    Example with Google Chrome

    Example Highlighted

    This is an example of one form included in the site but the same problema applies in everyone.

    I hope you can assist me rapidly as you can because I need to solve this ASAP for my visitors...

     

    Thank you very much!

    Page URL:
    http://medicagent.weebly.com/im-a-medical-tourism-facilitator.html,

    colors active field
  • Profile Image
    JotForm Support

    Answered by Welvin on October 24, 2016 at 06:17 PM

    Your color setting in the form is incorrect. You've put #FFFFFFFF (8 f's), should be #FFFFFF only (6 f's):

     

    As for the highlight color, I've also fixed it for you by injecting the following custom CSS codes:

    .form-line-active label, .form-line-error label {

    color: #000000 !important;

    }

    When the field is active and on the error state, the text colors will change to dark.

    Here's how to access the CSS codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes