How to change the background color of the focused input field?

  • Profile Image
    mlevack
    Asked 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! 

  • Profile Image
    Ben
    Answered 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.