Contact Form placeholder CSS

Hi everyone!, I need help to change the placeholder color on the contact form I’m working on. Here’s the site: http://www.viennaeyecarecenter.com/ on the ASK A QUESTION form below the homepage. The 1st field has a placeholder “Name” and the 2nd is “email” the font however is in color white and I need to change it to black.

I think this will help you :slight_smile:

I have tried that before but no luck.

Note that in Chrome, Opera and Safari there is a different -webkit- name
::-webkit-input-placeholder

You are using ::-webkit-placeholder

I tried this:

#text-11::-webkit-input-placeholder { color:#000; }
#text-11::-moz-placeholder { color:#000; } /* firefox 19+ */
#text-11:-ms-input-placeholder { color:#000; } /* ie */
#text-11 input:-moz-placeholder { color:#000; }

But it is not working.

http://screencast.com/t/lZoM6hYI6yX

You’ve still go this at line 4232 of your dynamik-min.css CSS file:

input::-webkit-input-placeholder {
    color: white !important;
}

input:-moz-placeholder {
    color: white !important;
}

input::-moz-placeholder {
    color: white !important;
}

input:-ms-input-placeholder {
    color: white !important;
}

That’s it. it is now fixed. Thank you!

1 Like

Just wondering. I did the same style on this website: http://www.oronoqueeyecare.com/ but it is not working somehow? I’m getting confuse about this.

Got it. there was another input::-webkit-input-placeholder also on that site. silly me.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.