How do I change the outline color of an active field?

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



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


    Kiran Kumar Polavarapu

  • Profile Image
    Answered on July 12, 2014 at 07:39 PM


    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: