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 change the background color of the focused input field?

    Asked by mlevack on March 13, 2015 at 10:10 AM

    My form is designed with a blue background and white text, but when you click into a field to enter your information, the background of the text field returns to white so you cannot see the question being asked. Is there anything we can do so that when you're typing your answer to a question, you can still see the question being asked? Please let me know if you need any further information from me. Thank you! 

    Page URL:
    http://jotform.co/form/50695013748863

    text field style size font highlight effect
  • Profile Image

    Answered by Ben on March 13, 2015 at 12:24 PM

    The white color is added by the overly style or highlight effect.

    You can see how to turn them off here: http://www.jotform.com/answers/440976

    Now you can also remove them by applying this code:

    li.form-line.form-line-active {
        background: none transparent;
    }

    or if prefer, you can alter them like so:

    li.form-line.form-line-active {
        background: none repeat scroll 0 0 transparent;
        border-radius: 8px;
        box-shadow: 0 0 8px #ffffe0;
        padding: 6px;
    }

    this would change them by still providing the highlight, but not changing the background color as well.

    You can apply either of the two codes by following this guide: Inject Custom CSS Codes

    Do let us know if you have any further questions and we would be happy to assist.