怎么修改input中placeholder的字體顏色？首先，讓我們簡單地編寫一個包含輸入和文本區(qū)域的HTML頁面，簡單地設置基本樣式，并注意占位符。然后在瀏覽器中預覽效果，您將看到默認占位符顏色為灰色

怎么修改input中placeholder的字體顏色？

首先，讓我們簡單地編寫一個包含輸入和文本區(qū)域的HTML頁面，簡單地設置基本樣式，并注意占位符。

然后在瀏覽器中預覽效果，您將看到默認占位符顏色為灰色。下一步，設置占位符的字體顏色

由于每個瀏覽器的CSS選擇器不同，您需要為每個瀏覽器分別進行設置（輸入和文本區(qū)域可以寫在冒號之前）。

：：-webkit輸入占位符{/*webkit瀏覽器*/

顏色：#999

}

：-moz占位符{/*Mozilla Firefox 4到18*/

顏色：#999

}

：-moz占位符{/*Mozilla Firefox 19*/

顏色：#999

}

：-ms輸入占位符{/*Internet Explorer 10*/

Color:#-999]}

也可以這樣寫：

]輸入：#-WebKit輸入占位符，文本區(qū)：#-WebKit輸入占位符{

顏色：#-666]}輸入：-moz占位符， textarea:-moz占位符{

顏色：#666

}

輸入：：-moz占位符，文本區(qū)域：：-moz占位符{

顏色：#666

}輸入：-ms輸入占位符， textarea:-ms先輸入占位符, 我們只使用一個輸入框創(chuàng)建一個簡單的HTML文檔。然后我們定義輸入框的寬度和高度，以及字體顏色大小和占位符2的值。然后我們在瀏覽器中查看它，在我們的輸入框中顯示提示文本，也就是說，占位符是灰色的，這不是我們設置的顏色。我們檢查元素，看到輸入的顏色值是紅色的。三。這是因為占位符中文本的顏色不受輸入的顏色值控制，所以需要重寫它。我們需要在元素后面添加：然后添加輸入占位符屬性。4但這還不夠?，F(xiàn)在有許多瀏覽器內核。我們需要同時考慮多個瀏覽器，因為瀏覽器這個所謂屬性的兼容性不是很好。5在此設置之后，頁面中所有輸入標簽的占位符中的文本為藍色。我們可以添加一個類來區(qū)分輸入