input-placeholder 属性来修改placeholder的默认颜色：

1. 说明：placeholder是input框中的提示文字，默认是灰色的，而color是修改input中用户输入文本的颜色，通过color属性是不能修改placeholder颜色的，我们要想修改placeholder的默认颜色可以使用CSS提供的input-placeholder属性。

2. 修改页面所有input中placeholder颜色的语法：（直接写在<style></style>标签下）

input::input-placeholder{
	color:red;
}
 
选中元素::input-placeholder{
	color:red;
} 
input::input-placeholder{
	color: red;
}
input::-webkit-input-placeholder{	//兼容WebKit browsers（Chrome的内核）
	color: red;
}
input::-moz-placeholder{			//Mozilla Firefox 4 to 18
	color: red;
}
input::-moz-placeholder{			//Mozilla Firefox 19+
	color: red;
}
input::-ms-input-placeholder{		//Internet Explorer 10+
	color: red;
}


/* 当设置样式时，要实现input框点击前无边框，点击后边框颜色为蓝色，且placeholder字体放大。*/

 

         input {
            width: 390px;
            height: 32px;
            border: none;//设置高亮边框正常情况下不显示
            border-radius: 4px;
            list-style: none;
            outline-color: rgb(153, 153, 255);//设置点击后边框为蓝色
          }
          input:focus::-webkit-input-placeholder {//设置点击后placeholder的样式变化
            font-size: 14px;
          }