咨询电话:
15628812133
06
2017/05

如何修改输入框placeholder文字默认颜色

发布时间:2017-05-06 17:49:38
发布者:jiangbing
浏览量:
0

大家都知道placeholder是css3的属性,想让input框默认显示的字体颜色和输入的颜色保持一致,之前一直认为应该要设置input的颜色,但其实placeholder默认的字体颜色就是浅灰色的,然后针对placeholder来设置自己想要的颜色。

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000;opacity:1;}

input:-ms-input-placeholder{    color: #000;opacity:1;}

input::-webkit-input-placeholder{    color: #000;opacity:1;}

也可以给这个属性加字体

input::-webkit-input-placeholder { /* WebKit browsers*/   color:#999;font-size:14px;}

input:-moz-placeholder {  /* Mozilla Firefox 4 to 18*/   color:#999;font-size:14px;}

input::-moz-placeholder {  /* Mozilla Firefox 19+*/   color:#999;font-size:14px;}

input:-ms-input-placeholder { /* Internet Explorer 10+*/   color:#999;font-size:14px;}


关键词:
返回列表