How can I change the text area color to match my background?

  • Profile Image
    edwinadside
    Asked on January 12, 2012 at 08:21 AM
  • Profile Image
    NeilVicente
    Answered on January 12, 2012 at 08:59 AM

    Edward,

    Inject this custom css code to your form:

    .form-textarea {
    background-color: gray;
    }

    Replace the color with any html color name or html color code you prefer.

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

    Hope you find this useful.

  • Profile Image
    edwinadside
    Answered on January 12, 2012 at 09:41 AM

    Ok... What would the code look like to make all fields gray.  The above only changes the "text area". Thnaks.

  • Profile Image
    fxr
    Answered on January 12, 2012 at 11:54 AM

    I am not quite sure what you mean by 'make all the fields gray' 

    Can you explain that a bit for us? maybe show what you mean by providing a link to an example form.

     

    Thanks. 

  • Profile Image
    edwinadside
    Answered on January 12, 2012 at 04:02 PM
    I want to change the background color of every field in a form. The code given only changes the “comments area of the form”


  • Profile Image
    edwinadside
    Answered on January 12, 2012 at 04:04 PM
    See this form… http://www.jotform.com/form/13630008308

  • Profile Image
    NeilVicente
    Answered on January 12, 2012 at 04:14 PM

    Hi Edwin,

    I thought it is only the text area which you wanted to change the background color of. Anyway, use this css code instead:

    input,textarea,select {
    background-color: gray;
    color: white;
    }

    color refers to the color of the font used when you type inside the textboxes and the text area. Just change these variables to suit your preference.

  • Profile Image
    edwinadside
    Answered on January 12, 2012 at 04:20 PM
    Thanks. Perfect!!!