CSS 中修改placeholder文字的样式

废话不多说，知道你急着用，复制粘贴拿走吧!

/* WebKit, Blink, Edge */
input::-webkit-input-placeholder { 
    color:red;
}

/* Mozilla Firefox 4 to 18 */
:-moz-placeholder { 
   color:red;
}

/* Mozilla Firefox 19+ */
::-moz-placeholder { 
   color:red;
}

/* Internet Explorer 10-11 */
input:-ms-input-placeholder { 
   color:red;
}

/* Microsoft Edge */
input::-ms-input-placeholder {
   color:red;
}

简单说明一下:

1. WebKit, Blink, Edge浏览器等需要带上-webkit-前缀，且是双冒号（：：），写的时候还要带上input或是textarea；

2. 针对火狐浏览器则有两种写法，都需要带上-moz-前缀。火狐低版本的使用冒号（：），而高版本的使用双冒号（：：）；火狐浏览器不需要带上input或textarea；

3. placeholder属性只在IE10+才支持，IE10、IE11的写法是加上-ms-前缀，使用的是冒号（：），需要带上input或是textarea；