Yellow highlight box

  • Profile Image
    kjsugab
    Asked on July 04, 2012 at 10:25 PM

    Can I change the color or disable the yellow background highlight box that shows when you click on each field in the form? It does not match my site.

  • Profile Image
    abajan
    Answered on July 04, 2012 at 11:06 PM

    Yes, that can be done. To disable the highlighting altogether, inject the following CSS:

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

    To change the color, alter the declaration as follows:

    input:focus, textarea:focus {
    outline-color: #0F0;
    }

    Of course, you can change the color to your preference. (The color used in the above declaration is shorthand notation for #00FF00.)

    If you need clarification or help with anything else JotForm related, we'd be happy to help.