大家都知道placeholder是css3的屬性,想讓input框默認(rèn)顯示的字體顏色和輸入的顏色保持一致,之前一直認(rèn)為應(yīng)該要設(shè)置input的顏色,但其實(shí)placeholder默認(rèn)的字體顏色就是淺灰色的,然后針對(duì)placeholder來(lái)設(shè)置自己想要的顏色。
:-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;}
也可以給這個(gè)屬性加字體
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種樣式
關(guān)鍵詞: