酷知百科網

位置:首頁 > 遊戲數碼 > 互聯網

placeholder字型顏色怎麼設定修改

互聯網2.25W

我們知道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張