如何用css3更改占位符颜色？

Question

Google Chrome和Mozila Firefox支持输入的占位符属性.如何更改占位符颜色我的代码是

<input type="text" placeholder="change color" />

Answer 1

对于Mozilla <19

<style type="text/css">  
    input:-moz-placeholder {  
      color: green;  
    }  
</style>  

对于Mozilla 19起

<style type="text/css">  
    input::-moz-placeholder {  
      color: green;  
    }  
</style>  

对于谷歌浏览器

<style type="text/css">  
    input::-webkit-input-placeholder {  
      color: green;  
    }  
</style>

对于IE 10

<style type="text/css">  
    input:-ms-input-placeholder {  
      color: green;  
    }  
</style>