You are viewing limited content. For full access, please sign in.

Question

Question

Remove highlight when field has focus

asked on November 29, 2017

Is there a way to remove the highlight that appears when a field on the form has focus?

 

I'm speaking of the yellow bar that spans the width of the form when fields have focus.

0 0

Replies

replied on November 30, 2017

Hey,

You can target individual input fields by using css.

Example:

#q5 input:focus {
    outline: none !important;
}

If you want to modify elements of the outline this is a good resource to see what you can do: https://www.w3schools.com/cssref/pr_outline.asp

 

 

 

1 0
replied on November 29, 2017

Hi Leigh,

 

You can go to the 'Themes' option for that form, choose the 'Customize' tab and go to the 'Fields' link.  Click the 'Highlighted background' option link, and you can change it there to white, or whatever the background color for your form is so it blends in:

 

Hope it helps,

Rick

 

0 0
replied on November 29, 2017

Hey,

 

If you want to remove the outline you can use this css.

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none !important;
}

 

Hope that helps

0 0
replied on November 30, 2017

Thanks for the tips. I've also experienced the need to just shorten the width of the highlights but not remove it, since some times the fields are side by side, and one highlight overlays the other field. Also, if they can be removed, but just for individual fields, that would help as well. 

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.