Hint Color not changing in text box field

  • Profile Image
    destinyandlight
    Asked on July 21, 2014 at 08:27 AM

    Hello,

    I would like for the hint/label color in the text box fields to be the same color as the hint/label color of the Text area input.

    I've tried all of the following:

     

    .form-dropdown, .form-textarea, .form-textbox{

    color:#FAEBD7 !important;

    }

    .form-textbox {

    background: #b09b82;

    color: #FAEBD7;

    height: 25px !important;

    width: 400px !important;

    -webkit-input-placeholder {color:#FAEBD7;}:-moz-placeholder {color:#FAEBD7;}

    }

    .form-textarea {

    background: #b09b82;

    color: #FAEBD7;

    }

     

    However, as you will see the color in the text-box area is this dark, very hard to read, grey color.  What else needs to be adjusted here to make this work as it should?

     

    Please advise,

    Thanks!

  • Profile Image
    Welvin
    Answered on July 21, 2014 at 09:51 AM

    Hi,

    Use the following custom CSS codes instead:

    ::-webkit-input-placeholder {

    color: #000000;

    }

    :-moz-placeholder {

    color: #000000;

    }

    ::-moz-placeholder {

    color: #000000;

    }

    :-ms-input-placeholder {

    color: #000000;

    }

     

    You can inject these codes to the form by following this guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Let us know if you need further assistance.

    Thanks

  • Profile Image
    Welvin
    Answered on July 21, 2014 at 09:53 AM

    I used #000000, please change that to your desired color: #FAEBD7.

    Thanks