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 change the default yellow roll over color on a field/form

    Asked by traficguru on June 14, 2012 at 11:40 AM

    how can i change the default yellow roll over color on a field/form when i roll over it i'ts yellow and when there's and error it's red.. i whant to be able to change both colors. How can i do that? thx

  • Profile Image

    Answered by jeanettebmz on June 14, 2012 at 02:07 PM

    Hi

    Take a look a my example

    Here I leave you the code I have used

    /*THIS IS TO PREVENT THE RED COLOR ON A VALIDATION ERROR*/

    .form-validation-error {
    box-shadow:none!important;
    border-color:#000000!important;
    background-color:transparent!
    color:#000000;
    }


    /*THIS IS THE TEXT COLOR AND BACKGROUND OF THE ERROR MESSAGE*/

    .form-error-message {
    background-color:transparent !important;
    color:#000000!important;
    }

    /* IT WILL PREVENT THE PINK SHADOW AROUND A REQUIRED FIELD*/
     

    .form-line-error {
    background:none repeat scroll 0 0;
    }

    /* THIS CODE WILL PREVENT THE YELLOW SHADOW ON AN ACTIVE FIELD */
     

    .form-line-active{
    background:none;
    color:none !important;
    }

     

    You can play around with color codes, here I leave you a reference

     

    Best regards

    Jeanette

  • Profile Image

    Answered by jeanettebmz on June 14, 2012 at 02:15 PM

    Notice:

    I found a way to get rid of the red border if you don't want it  use this  line

    border-color:#000000!important;   inside  of   .form-validation-error{}


    so it would look like:


    .form-validation-error {border-color:#000000!important;

     

    As always, you can set the color of your preference using the link I provided to you

     

    Please refresh the page if you don't see it above (on my first post)

    Feel free to clone my form for reference

    Cheers!

    Jeanette