<p class="demo-1"><input  id="demo-1" name="fname" type="text" placeholder="輸入文字"></p>

<p class="demo-2"><input id="demo-2" name="fname" type="text" placeholder="輸入文字"></p>
/*webkit瀏覽器專用*/
.demo-2 ::-webkit-input-placeholder { color: red; }
/*Firefox 4-18瀏覽器專用*/
.demo-2 input::-moz-placeholder { color: red; }
/*Firefox 19+瀏覽器專用*/
.demo-2 input::-moz-placeholder{color:red;}
/*IE10瀏覽器專用*/
.demo-2:-ms-input-placeholder{color: red;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.