當前位置:妙知谷 >

遊戲數碼 >互聯網 >

placeholder字體顏色怎麼設置修改

placeholder字體顏色怎麼設置修改

我們知道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張
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/hulianwang/v0dkvv.html