css-设置input placeholder的颜色

xyc

     做项目中可能会遇到感觉input框的placeholder的颜色不太合适要做改动，今天就来说说怎么修改input placeholder的颜色问题。
     实现样式：
      

[XML] 纯文本查看 复制代码

::-webkit-input-placeholder { /* WebKit browsers */
  color:red;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:red;
  opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:red;
  opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:red;
}

      默认情况下效果：
      

     加过样式后的效果：
     

       这样placeholder的颜色就会发生变化了，希望可以帮助到大家！