Can I style an placeholder text color on firefox ?

Add opacity: 1 to the Firefox placeholders. 

HTML

<input id="myinput" type="text" placeholder="my placeholder" maxlength="30" name="myplaceholder">


CSS:-

input#myinput::-webkit-input-placeholder {
color:#FFF; background-color:#CCC;
}
input#myinput::-moz-placeholder {
color:#FFF; background-color:#CCC;
    opacity: 1;
}
input#myinput:-moz-placeholder {
color:#FFF; background-color:#CCC;
    opacity: 1;
}
input#myinput::-ms-input-placeholder {
color:#FFF; background-color:#CCC;
} /* IE10+ */



RESULT:-





Web standards is the present and future in web design – the way all websites should be design and implemented. Websites created using web standards load faster, have better search engine ranking and are easier to update. All the websites I show here have been created this way.