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

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

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

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

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

：：-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先輸入占位符, 我們只使用一個(gè)輸入框創(chuàng)建一個(gè)簡單的HTML文檔。然后我們定義輸入框的寬度和高度，以及字體顏色大小和占位符2的值。然后我們?cè)跒g覽器中查看它，在我們的輸入框中顯示提示文本，也就是說，占位符是灰色的，這不是我們?cè)O(shè)置的顏色。我們檢查元素，看到輸入的顏色值是紅色的。三。這是因?yàn)檎嘉环形谋镜念伾皇茌斎氲念伾悼刂?，所以需要重寫它。我們需要在元素后面添加：然后添加輸入占位符屬性?但這還不夠?，F(xiàn)在有許多瀏覽器內(nèi)核。我們需要同時(shí)考慮多個(gè)瀏覽器，因?yàn)闉g覽器這個(gè)所謂屬性的兼容性不是很好。5在此設(shè)置之后，頁面中所有輸入標(biāo)簽的占位符中的文本為藍(lán)色。我們可以添加一個(gè)類來區(qū)分輸入