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 do I change the outline color of an active field?

    Asked by TonerCarAOLcom on July 12, 2014 at 02:55 PM

    Upon imbed of the form into the website, I loaded a preview into my browser (Chrome) and started testing the form. When the cursor is in a data field of the form that is a "required" field, the outline of the field turns blue (in Chrome). How can I change the color of this outline? I have attached a screen shot.

    Thanks again for all your help.

     

    Peter

    Screenshot
    outline color outline
  • Profile Image
    JotForm Support

    Answered by pvvskk on July 12, 2014 at 03:36 PM

    Dear Peter,

    I understand that you want to change the border color of the text boxes when the cursor is placed in it. For this, you can inject custom CSS to the form by the following the artcile How-to-Inject-Custom-CSS-Codes.

    Please inject the following code to your form to change the border color of the focussed text box.

    .form-textbox:focus {

    border-color:#000066 !important;

    }

    You may replace the color code #000066 with your favorite color that matches your form/website.

    Hope this helps you. Please get back to us if you need further assistance.

    Regards,

    Kiran Kumar Polavarapu

  • Profile Image
    JotForm Support

    Answered by Welvin on July 12, 2014 at 07:39 PM

    Hi,

    Use the following custom CSS codes instead:

    input {

    outline-color: violet;

    }

    Change violet to any color you want. Same guide for adding the codes to the form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    Thanks