我爱模板网 > 建站教程 > 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方便点。


部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:CSS3背景图片透明叠加属性cross-fade简介 下一篇:将网站图片转成黑白灰效果的兼容方法
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢