placeholder字型顏色怎麼設定修改

來源:酷知科普網 2.22W

我們知道placeholder很方便,但是有時候想更改placeholder字型顏色卻不知道怎麼搞。下面小編就來介紹一下placeholder字型顏色怎麼設定修改。

placeholder字型顏色怎麼設定修改

操作方法

(01)首先我們先簡單寫個html頁面,裡面放一個input和一個textarea,簡單設定一下基本樣式,注意寫上placeholder。

placeholder字型顏色怎麼設定修改 第2張

(02)然後在瀏覽器中預覽一下效果,會看到預設的placeholder顏色是灰色的。

placeholder字型顏色怎麼設定修改 第3張

(03)再然後就是設定placeholder的字型顏色了,因為不同瀏覽器存在相容性問題,這裡主要設定webkit核心瀏覽器、火狐瀏覽器、IE瀏覽器三種,程式碼如下:

placeholder字型顏色怎麼設定修改 第4張

(04)上面設定的placeholder的顏色為紅色,然後切換到瀏覽器預覽一下,效果就是紅色的。

placeholder字型顏色怎麼設定修改 第5張

(05)以上程式碼是設定所有input和textarea的placeholder顏色的,如果想設定某一個或某一類的文字框或者輸入框的placeholder顏色,只要在最前面加上其標籤名或者是class名或者是id名就可以了。

placeholder字型顏色怎麼設定修改 第6張
placeholder字型顏色怎麼設定修改 第7張
熱門標籤