您好,現(xiàn)在蔡蔡來為大家解答以上的問題。placeholder設置顏色，如何設置placeholder的樣式相信很多小伙伴還不知道,現(xiàn)在讓我們一起來看看吧！

1、在input框中有時想將輸入的字和placeholder設為不同的顏色或其它效果，這時就可以用以下代碼來對placeholder進行樣式設置了。

2、::-webkit-input-placeholder{} ? ?:-moz-placeholder{} ? ? ? ? ? ? ? ? ?::-moz-placeholder{} ? ? ? ? ? ? ? ? ?:-ms-input-placeholder{} ? ? ? ? ??注1：冒號前寫對應的input或textarea元素等。

3、注2：placeholder屬性是css3中新增加的屬性，IE9和Opera12以下版本的CSS選擇器均不支持占位文本。

4、?eg:css代碼?#input-test{????????color:?#FFC0CB;????????font-size:?1.2em;????????width:?180px;????????height:?36px;}#input-test::-webkit-input-placeholder{????????color:?#ADD8E6;}#input-text::-moz-placeholder{ ?//不知道為何火狐的placeholder的顏色是粉紅色，怎么改都不行，希望有大牛路過幫忙指點????????color:?#ADD8E6;????????}#input-text:-ms-input-placeholder{ ?//由于我的IE剛好是IE9，支持不了placeholder，所以也測試不了(⊙﹏⊙)，有IE10以上的娃可以幫我試試????????color:?#ADD8E6;????????}html代碼? ? 效果如下圖所示：PS:除此之外，還能修改placeholder的font-weight等樣式。

5、eg:我加了句"font-weight:?bold;"，效果如下圖所示：。

本文就為大家分享到這里，希望小伙伴們會喜歡。