輸入框字體顏色設置?
input標簽里的字體顏色更改步驟如下:
1、首先,我們先新建一個簡單的html文檔,只有一個input框就可以,然后為這個input框定義一個寬度和高度,還有字體顏色大小,以及placeholder的值。
2、然后在瀏覽器中查看,發現我們input框中的提示性文字,即placeholder是灰色的,并不是我們設置好的顏色。我們檢查元素可以看到input的color值是紅色的。
3、這是因為placeholder中文字的顏色并不是由input的color值控制的,我們需要重新為其書寫樣式。我們需要加入在元素后面加上::,然后加上input-placeholder這一個屬性。
4、但是僅僅加上這個還是不夠的,現在各大瀏覽器內核相對較多,我們需要同時兼顧多種瀏覽器,因為這一所謂的屬性的瀏覽器兼容性不是很好。
5、這時,我們再次在瀏覽器中查看這個頁面的時候,input中的提示性文字就變成藍色的了。
6、這樣設置了之后,我們頁面中所有的input標簽的placeholder中文字都是藍色的了。