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 Hint Text Color

    Asked by EpicStudio on July 23, 2014 at 04:09 AM
    I just was trying to change the "hint" text color, which is called "placeholder" in CSS I think, and I just couldn't figure out how to change it.
  • Profile Image
    JotForm Designer

    Answered by alev on July 23, 2014 at 05:13 AM

    Hello,

    Here is a very good example link that might help you to solve your problem.

    Let us know if you need any further assistance 

    Thank you

  • Profile Image

    Answered by EpicStudio on July 23, 2014 at 05:35 AM

    Mmm, it seems that it's not working. I changed the color on the form here on the sidebar and it's still that light gray: http://acostamerediz.com/acerca/historia/

     

  • Profile Image

    Answered by jedcadorna on July 23, 2014 at 07:39 AM

    I have modified your css code and add ":" to :moz-placeholder and color is now showing. The code works for chrome but a not perfect when viewed in firefox.

    Can you please check the form if color is applied. 

  • Profile Image

    Answered by EpicStudio on July 24, 2014 at 06:31 PM

    Thanks jedcardona. Would there be a way to make it work on IE and Firefox?

  • Profile Image
    JotForm Support

    Answered by ashwin_d on July 24, 2014 at 11:21 PM

    Hello EpicStudio,

    Please inject the following custom css code in your form and see if that helps:

    ::-webkit-input-placeholder {

    color: #727272 !important;

    }

    :-moz-placeholder {

    color: #727272 !important;

    }

    ::-moz-placeholder {

    color: #727272 !important;

    }

    :-ms-input-placeholder {

    color: #727272 !important;

    }

    The following guide should help you in injecting custom css code:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!