大家都知道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;}
下一篇: css3中边框的4种样式
关键词: