how can i change the default yellow roll over color on a field/form

  • Profile Image
    traficguru
    Asked 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
    jeanettebmz
    Answered 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
    jeanettebmz
    Answered 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