Changing color in textarea placeholder text

  • Profile Image
    davidlieb
    Asked on August 09, 2017 at 11:47 AM

    Hi! I'm having trouble changing the color of the placeholder text in textarea's It comes in light gray against a gray background. I'd like to make it black. Am I missing that option in the form editor? 

    here's a screenshot:

     

  • Profile Image
    aubreybourke
    Answered on August 09, 2017 at 12:49 PM

    Yes, its possible:

     

    Add this CSS:

    *::-webkit-input-placeholder {
       color: black;
    }
     
    *:-moz-placeholder {
       color: black;
    }
     
    *::-moz-placeholder {
       color: black;
    }
     
    *:-ms-input-placeholder {
       color: black;
    }

    How to Inject Custom CSS Codes

  • Profile Image
    davidlieb
    Answered on August 14, 2017 at 05:43 PM

    Hi!
    Thanks for your reply. I injected the CSS, but the placeholder text still
    shows up in very light grey *when I click "preview form"*.
    Thanks!
    ...

  • Profile Image
    david
    Answered on August 14, 2017 at 06:04 PM

    Try adding the following CSS instead:

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

    .form-custom-hint {

       color:  black !important;

    }

     

    Here is how the form would look with the code added:

    https://form.jotformpro.com/72256632352959