How to change Hint Text Color

  • EpicStudio
    Asked on July 23, 2014 at 4: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.
  • Alev JotForm Designer
    Replied on July 23, 2014 at 5: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

  • EpicStudio
    Replied on July 23, 2014 at 5: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/

     

  • jedcadorna
    Replied on July 23, 2014 at 7: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. 

  • EpicStudio
    Replied on July 24, 2014 at 6:31 PM

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

  • Ashwin JotForm Support
    Replied 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!