您的位置:首页 > Web前端 > CSS

CSS3中,如何设置text文本框中,placeholder的字体颜色大小等

2016-06-11 21:51 549 查看
                        1.CSS3中可以通过placeholder属性为文本框(text)或者文本域(textarea)设置默认值,        效果如下所示:                         我们发现,placeholder字体的颜色默认为偏灰色,如何改变placeholder字体的属性呢?               2.CSS3的伪类为::,而CSS2的伪类为:         为了保持兼容性,我们可以得到如下代码:         
::-webkit-input-placeholder {
 
color: red;
}
:-moz-placeholder {/* Firefox 18- */
 
color: red;
}
 
::-moz-placeholder{/* Firefox 19+ */
 
color: red;
}
:-ms-input-placeholder {
 
color: red;
}
我们既可以改变字体颜色,也可以改变其他效果,简单改变后的效果如下所示:

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css3 字体 placeholder