網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

placeholder字體顏色怎麼設置修改

欄目: 互聯網 / 發佈於: / 人氣:2.19W

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