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 to disable the Yellow Highlight Effect on a form?

    Asked by LeascoAuto on August 20, 2011 at 02:55 AM

     

    There are some things I'd like to see corrected/adjusted before embedding the HTML on my new website:

    The field highlights on this form are "yellow" is there any way to change this? I would prefer the colors to be more on line with my corporate colors (black, gray, white and red). Yellow just looks so, blah.

    Thanks.

    LAR

    inject custom css disable highlight disable yellow focus yellow highlight
  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 20, 2011 at 04:11 AM

    Hi,

    This yellow highlight that you are talking about is imposed by the browser Google Chrome.

    In Safari, it's blue:

    In Firefox and IE, there is no highlight color:

    You may inject this css code to change the color of the outline border:

    input:focus, select:focus, textarea:focus
    {
    border: 1px solid red;
    box-shadow: 0 0 2px red;
    }

    However, it will only work for Firefox and, to an extent, Chrome and Safari. Test it out for yourself to see what I mean.

    If you're going after a uniform look across all browsers, you can just have this outline removed by injecting this css:

    input:focus, select:focus, textarea:focus
    {
    outline:none;
    }

     

    Neil

  • Profile Image

    Answered by LeascoAuto on August 20, 2011 at 08:06 PM

    Neil,

    I'm not quite sure that we are speaking of the same issue. In "Preferences", under "Field Styles", it indicates there is a highlight effect "yellow background effect on focused inputs". I would like to change this highlight effect from "yellow to "red" (#B20000).

    Is this possible? If so, please advise.

    Thanks again.

    LAR

  • Profile Image
    JotForm Support

    Answered by abajan on August 20, 2011 at 11:16 PM

    Hi

    Please inject the following CSS, changing the colors to suit:

    .form-line-active {
    background-color: #B20000;
    }

    If the chosen background color makes the text of the labels hard to read, a color will also need to be declared to override the gray (specifically, #333) defined in the main stylesheet:

    .form-line-active {
    background-color: #B20000;
    color: #FFF;
    }

    The color of the sublabels can also be changed on focus. Have a look at this form which has the following injected CSS:

    .form-line-active {
    background-color: #B20000;
    color: #FFF;
    }
    .form-line-active .form-sub-label {
    color: #FFF;
    }

    If you need additional information on this or any other issue relating to your forms, please let us know. The team is always ready to offer assistance to our users.

    Thanks.


    ~ Wayne

  • Profile Image

    Answered by ginesis on January 18, 2013 at 01:05 PM

    Hi,

    Background-color and fields ok, but is there a way to change the options radio buttons color when form-line-active?

    Thanks

  • Profile Image

    Answered by jeanettebmz on January 18, 2013 at 02:11 PM

    @ginesis

    There is a way to disable the highlight effect for all the fields

    1. Click on Setup&Embed

    2. Clcik on Preferences

    3. Go to Field Styles Tab

    4. Look for the Highlight option and change it to Disabled

  • Profile Image

    Answered by ginesis on January 18, 2013 at 04:05 PM

    sorry but this wasn't my question.

    I Would like change the OPTIONS buttons radio COLOR.

    Thanks jotform support

  • Profile Image

    Answered by jeanettebmz on January 18, 2013 at 04:20 PM

    @ginesis

    Can you please open a separate thread for your specific request and provide us with the form URL?