網站首頁 學習教育 IT科技 金融知識 旅遊規劃 生活小知識 家鄉美食 養生小知識 健身運動 美容百科 遊戲知識 綜合知識
當前位置:趣知科普吧 > IT科技 > 

如何設定css3中placeholder的字型顏色

欄目: IT科技 / 發佈於: / 人氣:1.36W
placeholder屬性是css3中新增加的屬性,IE9和Opera12以下版本的CSS選擇器均不支援佔位文字。那麼怎樣設定它的默認字型顏色呢?接下來就爲大家介紹一下設定css3中placeholder的字型顏色的方法。

如何設定css3中placeholder的字型顏色

方法

因爲每個瀏覽器的CSS選擇器都有所差異,所以需要針對每個瀏覽器做單獨的設定(可以在冒號前面寫input和textarea)。

如何設定css3中placeholder的字型顏色 第2張

還可以寫成下面這樣:

如何設定css3中placeholder的字型顏色 第3張

知識點:


單冒號(:)用於CSS3僞類,雙冒號(::)用於CSS3僞元素。
css僞類:CSS 僞類用於向某些選擇器添加特殊的效果。
css僞元素:CSS 僞元素用於向某些選擇器設定特殊效果。


僞元素由雙冒號和僞元素名稱組成。雙冒號是在當前規範中引入的,用於區分僞類和僞元素。但是僞類相容現存樣式,瀏覽器需要同時支援舊的僞類, 如:first-line,:first-letter,:before,:after等等。因此對於css2之前已經有的僞元素兩種寫法的作用是一樣的,但是爲了相容IE瀏覽器還是使用單冒號的寫法。

如何設定css3中placeholder的字型顏色 第4張

效果如下圖所示:

如何設定css3中placeholder的字型顏色 第5張