placeholder 是HTML5中的新屬性，適用于以下的 類型：text, search, url, telephone, email 以及 password。

創(chuàng)新互聯(lián)公司專注于清河企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城建設(shè)。清河網(wǎng)站建設(shè)公司,為清河等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站建設(shè)，專業(yè)設(shè)計，全程項目跟蹤，創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

設(shè)置對象文字占位符的樣式。

::placeholder 偽元素用于控制表單輸入框占位符的外觀，它允許開發(fā)者/設(shè)計師改變文字占位符的樣式，默認(rèn)的文字占位符為淺灰色。

當(dāng)表單背景色為類似的顏色時它可能效果并不是很明顯，那么就可以使用這個偽元素來改變文字占位符的顏色。

需要注意的是，除了Firefox是 ::[prefix]placeholder，其他瀏覽器都是使用 ::[prefix]input-placeholder

Firefox支持該偽元素使用text-overflow屬性來處理溢出問題。

::placeholder的使用示例:

input::-webkit-input-placeholder {
	color: #999;
}
input:-ms-input-placeholder { // IE10+
	color: #999;
}
input:-moz-placeholder { // Firefox4-18
	color: #999;
}
input::-moz-placeholder { // Firefox19+
	color: #999;
}

兼容性問題：

示例：

HTML代碼：

CSS代碼：

#userName::-webkit-input-placeholder {
    color: red;
}
#userName:-moz-placeholder {  // Firefox4-18
    color: red;
}
#userName::-moz-placeholder {  // Firefox19+
    color: red;
}
#userName:-ms-input-placeholder {  // IE10+
    color: red;
}

效果：

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享文章：修改input框中placeholder的字體顏色-創(chuàng)新互聯(lián)
當(dāng)前網(wǎng)址：http://biofuelwatch.net/article/dhiojd.html