CSS3中可以使用::-webkit-input-placeholder
偽類和:-moz-placeholder
偽類(Firefox不再支持)來(lái)設(shè)置輸入框的默認(rèn)值樣式。同時(shí),也可以使用:-ms-input-placeholder
偽類來(lái)針對(duì)IE瀏覽器進(jìn)行設(shè)置。
/* Webkit瀏覽器 */ ::-webkit-input-placeholder { color: #999; font-size: 14px; } /* Firefox瀏覽器 */ :-moz-placeholder { color: #999; font-size: 14px; } /* IE瀏覽器 */ :-ms-input-placeholder { color: #999; font-size: 14px; }
在上面的樣式中,可以根據(jù)實(shí)際需要來(lái)設(shè)置字體大小、顏色等樣式。需要注意的是,F(xiàn)irefox瀏覽器現(xiàn)在已不再支持:-moz-placeholder
偽類,而是推薦使用標(biāo)準(zhǔn)的::placeholder
偽類來(lái)進(jìn)行樣式設(shè)置。但是::placeholder
偽類目前只有Chrome瀏覽器和Safari瀏覽器才支持,所以我們還需要繼續(xù)使用::-webkit-input-placeholder
偽類來(lái)保證兼容性。
上一篇css3 選中文字顏色
下一篇css3 邊框投影