How can I darken the placeholder text in form fields?

  • Profile Image
    PartyD
    Asked on June 17, 2017 at 09:21 PM

    I'd like to darken the text in placeholders and I don't have a clue what to do with CSS!

    Thank you in advance!

     

  • Profile Image
    EltonCris
    Answered on June 17, 2017 at 09:55 PM

    Inject this CSS codes to your form.

    .form-custom-hint {

        color: #424242 !important;

    }

    This should darken the Text Area placeholder color only.

    If you want to include the text box fields placeholder, use this.

    ::-webkit-input-placeholder {

      color: #424242;

    }

    ::-moz-placeholder {

      color: #424242;

    }

    :-ms-input-placeholder {

      color: #424242;

    }

    :-moz-placeholder {

      color: #424242;

    }

    Feel free to change the color to your preference.