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 highlight color of TextArea field

    Asked by smoketree on September 11, 2016 at 04:59 PM
    I was having this same issue. The last solution worked on my 'text box', but my 'text area' still highlights with blue.
    textarea
  • Profile Image
    JotForm Support

    Answered by jonathan on September 11, 2016 at 05:10 PM

    I checked your form https://www.jotformpro.com/form/62545199515968 and I see it now like this.

    Were you refering to "highlighting with blue" the blue line that surrounds the TextArea field instead?

    Let us know more details so we can provide you with proper solution.

    Thanks.

     

     

  • Profile Image

    Answered by smoketree on September 11, 2016 at 05:35 PM

    It doesn't seem to behave the same way in the preview as it does when embedded in my site.

    http://s2-creative.webflow.io/  if you scroll down to the contact section you will see the form.

    I am thinking maybe this is a browser-specific function which can't be controlled. Notice the different border highlight on the 'subject' and 'your message' fields. I like how 'subject' looks, but not so much 'Your Message'

     

  • Profile Image

    Answered by smoketree on September 11, 2016 at 05:37 PM

    The images I posted aren't showing up now that I've submitted the reply. Here are direct links.

    http://www.s2creative.com/JotformCheckIcon/YourMessage.png

    http://www.s2creative.com/JotformCheckIcon/Subject.png

     

  • Profile Image
    JotForm Support

    Answered by jonathan on September 11, 2016 at 06:13 PM

    Please add this CSS code on your form.

     

    .form-line-active input, .form-line-active textarea, .form-line-active select {

       border: 1px solid gray !important;

       box-shadow:0 0 2px gray !important;

       outline:none !important;

    }

    the result should be like this highlight border color but thinner (I have set to 10px in test so you can see the highlight)

     

    let us know of the result.

    Thanks.

  • Profile Image

    Answered by smoketree on September 11, 2016 at 06:44 PM

    Bam! That did it. Thanks.

  • Profile Image
    JotForm Support

    Answered by jonathan on September 11, 2016 at 07:00 PM

    Thank you for the confirmation it worked. :-)

    Cheers