如何修改默认的placeholder的样式

在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果，这时就可以用以下代码来对placeholder进行样式设置了。直接在CSS里写样式修改即可,如

    input::-webkit-input-placeholder {//使用webkit内核的浏览器
      color: #666;
    }
    input:-moz-placeholder {//Firefox版本4-18
      color: #666;
    }
    input::-moz-placeholder {//Firefox版本19+ 
      color: #666;
    }
    input:-ms-input-placeholder {//IE浏览器
      color: #666;
    }

主要是要区别不同浏览器的不同css类，对于不同的浏览器，加上前缀即可

注1：冒号前写对应的input或textarea元素等。

注2：placeholder属性是css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占位文本。