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

    Change color of placeholder attributes

    Asked by mike  on October 25, 2014 at 03:37 AM

    Hello

    I have a form that has textboxes and text areas. 

    all of them have hints inside the boxes. I want the hint colors to be a light gray. 

    When I apply the following code:

    ::-webkit-input-placeholder {

    color: #CDCDCD;}

    :-moz-placeholder {

    color: #CDCDCD;}

    ::-moz-placeholder {

    color: #CDCDCD;}

    :-ms-input-placeholder {

    color: #CDCDCD;}

     

    The hint colors in the text BOXES become gray which is good, but the hint color in text AREAS stay black, they will not change color. How can I change hint color in text areas?

    hint text boxes textboxes textarea hint hint color
  • Profile Image

    Answered by Ben on October 25, 2014 at 06:00 AM

    Hi Mike,

    Can you please give us a link to the jotform where this is happening, after we take a look we would be able to see exactly what you should add to change it.

    Best Regards,
    Ben

  • Profile Image
    JotForm Support

    Answered by jonathan on October 25, 2014 at 07:31 PM

    Hi,

    Please add this custom CSS code in your jotform http://www.jotform.us/form/42974174030149

     

    .form-custom-hint {

    color:  #CDCDCD !important;

    }

     

    it should change the color of the hint text of TextArea field like this jotform

     

     

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

     

    Inform us if this did not work.

    Thanks.