How to disable field highlighting effect?

  • Profile Image
    georgeb
    Asked on December 20, 2013 at 11:45 AM

    How can I use the same color as the background image?

    I imputed the css coding as shown above and it isnt doing anything.



    This is a re-post of a comment on Customize Your Form Using Custom CSS Codes

  • Profile Image
    Welvin
    Answered on December 20, 2013 at 01:17 PM

    Hi,

    What you mean is how you can add a background image to your form? Or, do you mean how you can change the color i.e. the font color of the form to match with your background image? Let us know.

    Also, we need the form URL so we can check and help you add the custom codes.

    Thanks

  • Profile Image
    georgeb
    Answered on December 20, 2013 at 02:45 PM

    This is the form: http://form.jotform.co/form/33534061109850

     

    I am talk about how it changes color when you go to input the information.  How can I prevent that from happening?

  • Profile Image
    georgeb
    Answered on December 20, 2013 at 05:37 PM

    Thank you for the reply.  Unfortunately, that isnt what I am referring to. 

     

    What I was referring to, is when you go to enter in the "name" and "email" it changes those sections to a yellowish color like a "highlight"

  • Profile Image
    jedcadorna
    Answered on December 20, 2013 at 05:44 PM

    @georgeb,

    You can inject this code to remove the yellow highlight when the field is active.

    .form-line-active{

    background:none;

    }

  • Profile Image
    georgeb
    Answered on December 20, 2013 at 10:20 PM

    I input both sets of coding, but it is still doing it?

  • Profile Image
    Welvin
    Answered on December 21, 2013 at 10:39 AM

    I do see the changes to the form now, the highlighting effect is already removed. I'd suggest clearing your browsers cache to fully refresh the entire page.

    And by the way, aside from injecting a custom CSS codes to the form, you can disable the field highlighting effect from the form settings:

    Setup & Embed > Preferences > Field Styles > Highlight Effect:

    Thanks