How to change highlight color of TextArea field

  • smoketree
    Asked on September 11, 2016 at 4:59 PM
    I was having this same issue. The last solution worked on my 'text box', but my 'text area' still highlights with blue.
  • jonathan
    Replied on September 11, 2016 at 5:10 PM

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

    How to change highlight color of TextArea field Image 1 Screenshot 20

    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.

     

     

  • smoketree
    Replied on September 11, 2016 at 5: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'

    How to change highlight color of TextArea field Image 1 Screenshot 30

     

    How to change highlight color of TextArea field Image 2 Screenshot 41

  • smoketree
    Replied on September 11, 2016 at 5: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

     

  • jonathan
    Replied on September 11, 2016 at 6: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)

    How to change highlight color of TextArea field Image 1 Screenshot 20

     

    let us know of the result.

    Thanks.

  • smoketree
    Replied on September 11, 2016 at 6:44 PM

    Bam! That did it. Thanks.

  • jonathan
    Replied on September 11, 2016 at 7:00 PM

    Thank you for the confirmation it worked. :-)

    Cheers