博客首页CSS2-3分类

CSS3更改HTML5中input的placeholder字体颜色

发布时间:2016-07-29 11:40:23编辑:Mr.Co阅读(580)

CSS2-3

HTML5的新元素、新属性越来越流行开来,那么有一些特殊属性我们需要用一些特殊CSS语法去更改它的展现样式。

我们想大家应该都用到过input的placeholder文本填充属性,我们假如跟input设置了color:red; 但是placeholder的字体颜色并没跟我们所想的一样变成红色。

那么这里我们就需要用以下这些特殊样式属性去重写它的样式了

/* WebKit browsers */
input::-webkit-input-placeholder { color: #666; } 
/* Mozilla Firefox 4 to 18 */ 
input:-moz-placeholder { color: #666; } 
/* Mozilla Firefox 19+ */ 
input::-moz-placeholder { color: #666; } 
/* Internet Explorer 10+ */ 
input:-ms-input-placeholder { color: #666; } 

前面的input也可以替换成你指定的class名称或者id名来定义!

这样placeholder颜色就更改了!

浏览器的特定CSS真的好强大,我们还需不断学习、摸索才能跟上步伐!


转载请注明出自:http://www.mrco.cn/article/579ad028cf6935bd6dd1c0a7.html

最新评论(0)

    我要评论

    *
    *
    *
    *
    *
    验证码