正文

修改placeholder文字颜色

IP云
IP云V管理员/4 阅读
08/04
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

.area_ipt ::-webkit-input-placeholder { /* WebKit browsers */
color:#258aca;
}
.area_ipt :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#258aca;
opacity: 1;
}
.area_ipt ::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#258aca;
opacity: 1;
}
.area_ipt :-ms-input-placeholder { /* Internet Explorer 10+ */
color:#258aca;
}

这里做了个修改，不知道大家注意的区别没，就是针对firefox的样式中添加了opacity：1的属性。

添加这个属性的原因：firefox有个默认的透明度，我们为placeholder设置的颜色值总是个半透明的效果，加上opacity：1重写firefox的透明度为完全不透明，这样placeholder的颜色就正常了。