小編給大家分享一下CSS修改placeholder顏色的方法，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

“只有客戶發(fā)展了，才有我們的生存與發(fā)展！”這是創(chuàng)新互聯(lián)公司的服務(wù)宗旨！把網(wǎng)站當(dāng)作互聯(lián)網(wǎng)產(chǎn)品，產(chǎn)品思維更注重全局思維、需求分析和迭代思維，在網(wǎng)站建設(shè)中就是為了建設(shè)一個不僅審美在線，而且實用性極高的網(wǎng)站。創(chuàng)新互聯(lián)對成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、網(wǎng)站制作、網(wǎng)站開發(fā)、網(wǎng)頁設(shè)計、網(wǎng)站優(yōu)化、網(wǎng)絡(luò)推廣、探索永無止境。

方法：先使用“::placeholder”選擇器選中需要修改的元素；然后給該元素添加“color:顏色值;”樣式即可。注placeholder是css3新增的選擇器，在不同的瀏覽器需要加不同的前綴（“-ms-”，“ -webkit-”等）。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

placeholder這個屬性是HTML5中新增的屬性，作用是描述輸入字段預(yù)期值的提示信息

如何修改placeholder的顏色呢?

但是存在一定的瀏覽器兼容問題,以chorme為例:

chorme瀏覽器對應(yīng)的選擇器是input::-webkit-input-placeholder

其他瀏覽器的選擇器如下:

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color : red;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color : red;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color : red;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color : red;
}
input::-ms-input-placeholder { /* Microsoft Edge */
   color : red;
}

• WebKit, Blink, Edge瀏覽器等需要帶上-webkit-前綴，且是雙冒號，寫的時候還要帶上input

• 針對火狐瀏覽器則有兩種寫法，都需要帶上-moz-前綴?；鸷桶姹镜氖褂妹疤枺ǎ海?，而高版本的使用雙冒號（：：）；火狐瀏覽器不需要帶上input。

• placeholder屬性只在IE10+才支持，IE10、IE11的寫法是加上-ms-前綴，使用的是冒號（：），需要帶上input

看完了這篇文章，相信你對“CSS修改placeholder顏色的方法”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！