How to style placeholder

[newcoder1010]

Hi,

 

I did google for the below request. I am lost. If you could help me with the css.

<div class="CallMe_Name_R">
  <label class="control-label" for="edit-submitted-name">Name </label>
 <input placeholder="Enter your name" class="CallMe_Name_C form-control form-text" 
   type="text" id="edit-submitted-name">
</div>

I like to make the placeholder white color and place in the center? I tried this and did not work.

::-webkit-input-placeholder {
   color: white;text-align:center;
}

:-moz-placeholder { /* Firefox 18- */
   color: white;text-align:center;
}

::-moz-placeholder {  /* Firefox 19+ */
     color: white;
text-align:center;
}

:-ms-input-placeholder {  
    color: white;
text-align:center;
}
#edit-submitted-name{  
    color: white;
text-align:center;
}

Thanks.

[dsonesuk]

Seems to work for me? but it does require input background colour other than a whitish colour to see effect, IE has a problem if you use id ref for input text colour it will override placeholder colour, Firefox also applies opacity to placeholder text so you might want to add opacity: 1.

[newcoder1010]

http://godrupal.info/shalomhomesolutions/?q=node/112.

 

Thank you so much for your time. If you could scroll to the FREE ESTIMATE form and help me with the css. It is not working. Please.

[newcoder1010]

Never mind.

It worked. -)

[dsonesuk]

bootstrap is using a class name with selector .form-control::-moz-placeholder so it has a higher precedence over your class.