change Placeholder text color by CSS class
Going to use Inquiry Form with background color match to Inout field placeholder text and Placeholder text not visible to your visitor when they visit site and fill up form. using below css class attribute you can change input field placeholder text color according your need.
|
1 2 3 |
<input type="text" placeholder="Red" /> <input class="ptcgreen" type="text" placeholder="Green" /> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
.ptcgreen::-webkit-input-placeholder { color: green; } .ptcgreen:-moz-placeholder { color: green; } .ptcgreen::-moz-placeholder { color: green; } :-ms-input-placeholder { color: green; } ::-webkit-input-placeholder { color: red; } .box:-moz-placeholder { color: red; } ::-moz-placeholder { color: red; } :-ms-input-placeholder { color: red; } |