首页 > 建站教程 > CSS3+HTML5 >  输入框的placeholder颜色设置方法正文

输入框的placeholder颜色设置方法

placeholder颜色设置
placeholder颜色设置

        一般情况下,placeholder的默认灰色都是不需要设置的,但是如果遇到客户有特殊要求,就没办法了。我爱模板网之前都是用js实现的,模拟placeholder,现在觉得有点麻烦。还不如直接用css去设置。
        但是,color只能设置文本框的文字颜色,并不能设置placeholder的颜色,百度了下,用下面的方法,即可完美解决:
input{color:red;} /*文字颜色*/
input::-webkit-input-placeholder {
	color: #00f; /* WebKit browsers */
}
input:-moz-placeholder {
	color: #00f; /* Mozilla Firefox 4 to 18 */
}
input::-moz-placeholder {
	color: #00f; /* Mozilla Firefox 19+ */
}
input:-ms-input-placeholder {
	color: #00f; /* Internet Explorer 10+ */
}
          要写好多,但是还是比js方便点。